Buenas, es mi primer post en esta lista y no se si lo que voy a preguntar es un tema ya tratado, pero la cuestión es que he puesto en una web un menú con una lista y lo veo bien en todos los navegadores excepto en Explorer, que hace lo que quiere con la lista: muestra los textos desplazados y se pasa por alto los márgenes y paddings.

El código del menu es el siguiente:

<div id="menu">
<ul>
<li><a href="" title="enlace1" accesskey="1" tabindex="1">ENLACE 1</a></li>
<li><a href="http://"; title="enlace2" accesskey="2" tabindex="2">ENLACE 2</a></li>
<li><a href="http://"; title="enlace3" accesskey="3" tabindex="3">ENLACE 3</a></li>
<li><a href="http://"; title="enlace4" accesskey="4" tabindex="4">ENLACE 4</a></li>
<li><a href="http://"; title="enlace5" accesskey="5" tabindex="5">ENLACE 5</a></li>
<li><a href="http://"; title="enlace6" accesskey="6" tabindex="6">ENLACE 6</a></li>
<li><a href="http://"; title="Enlaces de interés" accesskey="7" tabindex="7">ENLACE 7</a></li>
</ul>
</div>


El css del div "menu" y de "li"es el siguiente:

#menu {
position: relative;
width: 100%;
float: left;
border-top: 2px solid #996633;
border-bottom: 2px solid #996633;
text-align: center;
background-image: url(images/madera.gif);
background-repeat: repeat;
}

#menu li {
position: relative;
color: #000000;
display: inline;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
border: 1px solid #333333;
text-decoration: none;
background-repeat: repeat-x;
background-image: url(images/boton.jpg);
}

#menu li:hover {
border: 1px solid #FFFFFF;
background-repeat: repeat-x;
background-image: url(images/boton2.jpg);
}

#menu li a {
font-family: Sans-serif;
font-size: 10px;
color: #000000;
text-decoration: none;
font-style: normal;
font-weight: bold;
margin: 5px;
padding: 5px;
}


#menu li a:hover { color: #000000; font-size: 10px; text-decoration: none; font-weight: bold; }

Me estoy volviendo loco para solucionar el problema; He oido que es cosa de Explorer, que no interpreta como es debido las distancias, pero no se como solucionarlo.
¿Alguien podría echarme un cable?


Gracias y un saludo:

Borja Sanz

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a