Hola chicos,
Ando haciendo una página con CSS y se me plantea el siguiente problema.
Tengo un menú izquierdo de unos 150px de anchura. En ese menú tengo varios enlaces los cuales quiero que tengan un border inferior y que al pasar el ratón por encima se iluminen (con un cam bio de color).
En mi archivo CSS tengo esto:
Código:
a.menu-izq:link, a.menu-izq:visited, a.menu-izq:active {
padding: 2px;
padding-top: 5px;
font-size: 14px;
border-bottom: 1px #EFEFEF solid;
font-family: Arial Narrow, Arial;
width:100%;
color: #000;
text-transform: uppercase;
}
a.menu-izq:hover {
padding: 2px;
padding-top: 5px;
font-size: 14px;
border-bottom: 1px #EFEFEF solid;
background-color: #EFEFEF;
width:100%;
text-transform: uppercase;
}
En IE funciona correctamente la idea. Sin embargo, en firefox sólo sombrea la zona del enlace, no llega hasta el final de la columna. Al igual que los paddings tampoco funcionan.
Qué puedo hacer? Alguien tiene la solución?
Gracias!