<a> width en FFox

[Black_River]

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!

[daPhyre]

Si no mal recuerdo, necesitas ponerle un display:block; para que se vea en todos los navegadores (Que IE lo haga visible sin ello, es un error ). A ver si con esto se arregla tambien el padding, si no, podemos verlo después de arreglar esto. Suerte!

[Black_River]

Jojojo, desconocía esa instrucción. Funciona a las mil maravillas, gracias daPhyre!!