Hola, he estado usando unas listas para un menu y todo se ve bien, pero cuando abri la pagina en IE6 vi que entre una opcion del menu y otra hay mucho espacio, en Firefox y en IE7 se ven bien pero no se por que en el 6 no se ve bien, el codigo es este:
Código:
.navi {
list-style:none;
margin:0;
padding:0;
}
.navi li{
margin:1px;
padding:0;
}
.navi li a {
display:block;
/*width:160px;*/
padding:4px 0 4px 5px;
margin:0;
text-decoration:none;
text-align:left;
font-size:11px;
color:#000;
background-color:#4ACCD1;
border-left:10px solid #2DADB4;
}
.navi li a:hover {
color:#FFF;
background-color:#2DADB4;
border-left-color:#FF6600;
}
y la parte de la lista en el HTML es esta:
Código:
<ul class="navi" style="width:100%">
<li><a href="index.asp">INICIO</a></li>
<li><a href="buscador.asp">BUSCADOR</a></li>
<li><a href="contratar.asp">AGREGAR SU EMPRESA</a></li>
<li><a href="usuarios.asp">USUARIOS</a></li>
</ul>
Esto lo tengo dentro de un TD con ancho fijo
Gracias de antemano
