Hola a todos,

Llevo un par de días con un problema que es bien sencillo, pero que no atino a 
resolver. Os lo cuento a ver si alguien me da una solución. Gracias por 
adelantado.

Tengo el siguiente menú:

 <ul class="menulateral"> 
               <li><a href="#">Empleo y P. Operativo</a></li> 
               <li><a href="#">Inclusi&oacute;n Social</a></li> 
               <li><a href="#">Educaci&oacute;n</a></li> 
               <li class="bottom"><a href="#">Voluntariado</a></li> 
     </ul> 

Le aplico los siguiente estilos:

* {margin:0px; padding:0px;}

ul.menulateral {
     clear:both;
     border: 3px solid #6A85AB;
     width:136px;
     padding:5px 0px;
     margin:20px;
     list-style-type:none;
     background-color: #DAE1EB;
 }

ul.menulateral li {
 border-top: 1px solid #bac7d8;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9px;
 }
ul.menulateral li a {
 display:block;
 height:12px;
 padding:0px 0px 2px 3px;
 text-decoration: none;
 color: #171411;
}
ul.menulateral li a:hover {
 background-color:#91A6C1;
 color: #FFFFFF;
}

li.bottom {
 border-bottom: solid 1px #bac7d8;
 }

Cuando lo visualizo en explorer (en Firefox se ve bien) queda entre cada 
elemento de la lista y el borde azul un espacio en blanco que no consigo 
eliminar. ¿Alguna idea?

Muchas gracias!

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

Responder a