Hola que tal, estoy teniendo problemas con la visualización del menú de una web en internet explorer 6. Tengo un menú flotante hecho con listas que se ve bien en todos los navegadores menos en el 6, aparece desplazado hacia abajo y un poco corrido a la izquierda.
Se que hay formas de solucionarlo agregando comentarios al código o con algunos truquitos, estuve leyendo pero la verdad que no doy con ninguna solución efectiva.
El css es el siguiente:
** Aclaración: hay un div MENU_NAV que contiene todo el menu. Luego una clase MENU para acomodar los botones que contiene la lista.
Código:
#menu_nav {
float: right;
height: 390px;
width: 220px;
margin-top: 20px;
margin-right: 65px;
margin-bottom: 27px;
}
.menu{
margin:0;
padding:0;
width:220px;
list-style:none;
float: right;
}
ul.menu {
list-style: none;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
.menu li{
padding:0;
height:40px;
display:block;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
.menu li a{
text-align:left;
height:40px;
padding:0px 25px;
color:rgb(82,82,82);
display:block;
text-decoration:none;
background-image: url(images2/menu/images/verMenuImages.png);
background-repeat: no-repeat;
background-position: 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
}
Gracias por anticipado!!!