WIDTH Comportamiento distinto entre IE y FF (algun hack?)

[Muzztein]

Holas

Necesito que un LINK, que es parte de un menu desplegable, tenga un ANCHO de 300 pixeles.

al colocar el link de esta manera

<a class="prueba">holas</a>

con este CSS

.prueba{
background-color:#999999;
width:300px;}

el IE deja el LINK con un ancho exacto de 300 px
sin embargo en FF solo deja el ancho de la palabra "holas"

Lo cual me echa a perder el LOOK de menu desplegable que ando buscando.

Alguien sabe como "workarroundear" este problema?
Alguien sabe a que se debe esto???
Existirá algun HACK para este asunto?

Cualquier ayuda seria de mucha ayuda, saludos y de antemano muchas gracias!


PD: Se que colocando un DIV alrededor del link el asunto se soluciona, el problema es que asi mi menu deja de trabajar.

[Mikmoro]

Prueba a añadirle display block:

.prueba{
background-color:#999999;
width:300px;
display: block;
}

[Muzztein]

wow!
funciono inmediatamente!
muchisimas gracias!

NO habia oido hablar de este display: block;

a que se debe este comportamiento?

muchas gracias nuevamente!

[Mikmoro]

De nada, es un placer.

Los elementos de línea como los enlaces (a) no aceptan las propiedades width ni height, por lo que necesitas dibujarlo como los elementos de bloque (display:block) para que lo acepten y cojan las dimensiones indicadas.

[Muzztein]

aja!
ahora se me aclaran varios conceptos.
muchas gracias por la clase de css.
saludos.

:)