Buena nose.

Tengo este código para un menu:


#contenido .menu{
 margin: 0px;
 padding: 0px;
 width: 267px;
 float: left;
 text-align: left;
}

#contenido .menu ul{
 list-style-type: none;
 padding:0px;
 width: 267px;
 margin: 0px;
 float: left;
}

#contenido .menu li{
 background-image:url(../images/home/linea_menu.gif);
 background-position:bottom;
 background-repeat:no-repeat;
 padding: 5px 0px 5px 45px;
}

#contenido .menu li a{
 text-decoration: none;
 padding: 0px 0px 0px 15px;
}

Este menu me genera la imagen ejemplo.gif

Pero yo lo que quiero es que quede como en ejemplo2.gif

y nolo consigo por que si en:

#contenido .menu li a{
 text-decoration: none;
 padding: 0px 0px 0px 15px;
}

pongo:

#contenido .menu li a{
 text-decoration: none;
 padding: 5px 0px 5px 15px;
}

me queda como en ejemplo 3, es decir, me pega ahi un bote por que le aplica
el paddig aparte.



¿Como puedo solucionarlo?



(He intentado ser lo mas claro posible).



Gracias!
_______________________________________________
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://lists.ovillo.org/mailman/listinfo/ovillo

Responder a