Estimados tengo un menú horizontal que se puede ver en la siguiente
web
El problema que tengo en IE es que al desplegarse un submenu se corren los items del menu hacia abajo tantos espacios como submenú se despliegan. En Fire Fox se ve perfecto. Les dejo el CSS:
Código CSS:
Ver original-- Menú de Navegación -- */
#nav{margin:0;position:absolute;top:10px;right:30px;
/*margen con el div */}
#nav li{
width:95px;
margin-bottom:0px;
margin-top:0px;
padding-bottom:0px;
float:left;
background:none;
text-align:left;
padding-top:0px;
color:#153E62;
font-family:Arial;
font-size:11px;
/*estilos especiales*/
list-style:none;
background:transparent;
position:relative;
cursor:default;
}
#nav li ul{padding-top:0px;
margin:0;}
#nav a{text-decoration:none;}
#nav li a{ color: #153E62; font-weight: bold;}
#nav li a:hover{text-decoration:underline;}
#nav li li a:hover{text-decoration:none;}
#nav li li{filter:Alpha(opacity=100,finishopacity=100,style=1);
/* Transparencia en Internet Explorer */}
#nav li li a{ display:block; color:#153E62; font-weight: normal; background-color:#CECECE;height:15px; padding-top:10px; }
#nav li li a:hover{color:#153E62; background-color:#F6F6F6;
/* Transparencia en Otros navegadores */}
li ul{padding:0.5em 0 1em 0;display:none;position:absolute;top:100%;left:0;}
li>ul{top:auto;left:auto;}
li li{float:left;border:0;display:block;background:transparent;}
li:hover ul,li.over ul{display:block;}
/* ESTILO DEL SEGUNDO NIVEL DE MENU */
#nav ul li ul {display:none;}
#nav ul li a:hover ul, #nav ul li:hover ul {display: block;position: absolute;left: 95px;top:-1px!important;top: -31px;}
#nav ul li ul li a {width: 100px;background-color: #CECECE;color: #153E62;font-weight: bold;}
#nav ul li ul li a:hover {color:#153E62; background-color:#F6F6F6;}