menú desplegable: funciona en firefox y chrome, pero no en explorer

[arielcasanova]

Gente: hice un menú desplegable que anda muy bien en firefox y chrome, pero no puedo hacerlo andar en el explorer... si alguien puede darme una mano sobre qué líneas modificar en el css, agradecido.
Se puede ver aqui:

http://www.rotaxmaxargentina.com.ar/

Las hojas de estilos son estilos_menu.css e intenté modificar una estilos_menu_ie.css pero no hay caso.

El código del menú

Código:

<div id="menu">
<ul>
  <li class="nivel1"><a href="index.php">INICIO</a></li>
  <li class="nivel1b"><a href="#">ROTAX BRP ARGENTINA</a>
	<ul class="dos">
			<li><a class="aref" href="acerca_de_rotax_brp.htm#">Acerca de Rotax BRP</a></li>
			<li><a href="distribuidores_en_argentina.htm">Distribuidores en Argentina</a></li>
			<li><a href="#">Motores</a></li>
			<li><a href="#">Merchandising</a></li>					
	</ul>
</li>
  <li class="nivel1c"><a href="#">COPA ROTAX ARGENTINA</a>
	<ul class="tres">
			<li><a href="acerca_de_rotax_brp.htm">Acerca de Copa Rotax</a></li>
			<li><a href="#">Reglamentos</a></li>
			<li><a href="#">Solicitud Inscripción</a></li>
			<li><a href="#">Copa Rotax Buenos Aires</a></li>
			<li><a href="#">Clasificaciones</a></li>
			<li><a href="#">Galería de imágenes</a></li>
	</ul>
</li>
  <li class="nivel1d"><a href="#" class="nivel1">LINKS</a></li>
  <li class="nivel1e"><a href="#" class="nivel1">CONTACTO</a></li>
</ul>
</div>

El css original

Código:

* { margin: 0px;
padding: 0px; outline: 0;
}

html, body { width: 100%;}

#menu {  
text-align: center;
background-image:url(elementos/fondo_menu.jpg);
height:100px;
font-size: 0.7em;
width: 1000px;
position: relative;
}

#menu ul { list-style-type: none;}

/*INICIO*/
#menu ul li.nivel1 
{ 
float: left;
width: 173px;
margin-right:67px;
position: relative;
display:block;
height:49px;
padding-right:10px;
padding-top:19px;
}
/*ROTAX BRP ARGENTINA*/
#menu ul li.nivel1b
{ 
float: left;
width: 240px;
padding-left:20px;
margin-left:-68px;
position: relative;
display:block;
height:49px;
padding-right:10px;
padding-top:19px;
}


#menu ul li.nivel1b:hover
{background-color:#666666;}
#menu ul li.nivel1:hover
{background-color:#666666;}
#menu ul li.nivel1c:hover
{background-color:#666666;}
#menu ul li.nivel1d:hover
{background-color:#666666;}

#menu ul li.nivel1e:hover
{background-color:#666666;}



/*COPA ROTAX ARGENTINA*/
#menu ul li.nivel1c
{ 
float: left;
width: 260px;
padding-left:20px;
position: relative;
display:block;
height:49px;
padding-right:10px;
padding-top:19px;
}

#menu ul li.nivel1d
{ 
margin-left:3px;
width:100px;
float: left;
position: relative;
display:block;
height:49px;
padding-top:19px;
}

#menu ul li.nivel1e
{ 
width:130px;
padding-right:24px;
float: left;
position: relative;
display:block;
height:49px;
padding-top:19px;
}

#menu ul li { float: left;}

#menu ul li a {
display: block;
text-decoration: none;
color: #fff;
font-weight:bold;
font-size:16px;
font-family:Helvetica, Arial, sans-serif;
padding: 8px;
position: relative;
}




#menu ul li a:hover, #menu ul li:hover a.nivel1 {
color: #fff;
position: relative;
}
#menu ul li a.nivel1 {display: block!important;display: none;
}
#menu ul li ul {display: none;
}

/*DESPLEBAGLE*/

#menu ul li a:hover ul, #menu ul li:hover ul {
margin-top:13px;
display: block;
position: absolute;
width:1000px;
background-color:#000;
}

#menu ul li ul li a {
font-size:13px;
color:#fff;

}

#menu ul li ul li a:hover 
{
position: relative;
color:#fff;
background-color:#666666;
}

table.falsa {
border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
ul.uno {left: -0px;}
ul.dos {left: -182px;}
ul.tres {left: -452px;}
ul.cuatro {left: -492px;}
ul.cinco {left: -656px;}

Graciias a todos!

saludos,