Hola gente,
Para una vez que me sale algo a la perfeccion en IE, va Firefox y me deja un resto de color extrañísimo a la derecha del último elemento <li>. Además, no me lo centra en el <DIV> contenedor...
Mirad:
<ul class="menusuperior">
<li><a href="index.html">Inicio</a></li>
<li><a href="galeria.html">bla, bla</a></li>
<li><a href="archivo.html">bla, bla</a></li>
<li><a href="about.html">bla, bla</a></li>
<li><a href="#">Contacto</a></li>
</ul>
ul.menusuperior {
list-style-type: none;
list-style-image:none;
padding:5px;
text-align:center;
color: white;
font-family: Georgia, "Times New Roman", sans-serif;
width: 780px;
height:15px;
font-size:1em;
margin:0px auto;
}
ul.menusuperior li{
padding:5px;
display:inline;
line-height:1.5em;
color:#FFFFFF;
background-color: #399;
}
ul.menusuperior li a{
display:block;
float:left;
width:115px;
line-height:1.5em;
text-align:center;
color: #FFFFFF;
font-size:16px;
text-decoration:none;
background-color:#399999;
padding: 5px;
margin: 0px auto;
margin-left:1px; !important
}
ul.menusuperior li a:hover{
background-color: #6cc;
border-color: #000;
font-weight: bold;
}
ul.menusuperior li a:link, ul.menusuperior li a:visited{
text-decoration:none;
color: #FFFFFF;
}
Gracias!!