definir el tamaño de un enlace para ponerle background

[vitogq]

Hola a todos

He hecho un menu en el cual pongo una imagen de fondo, en ie se ve estupendo, pero en ff la imagen de fondo se reduce al enlace en si.

Os indico la hoja de estilos que uso:

#menu A {
text-decoration:none;
width:160px;
height:29px;
font-weight:bold;
line-height: 26px;
vertical-align:middle;
color: #FFFFFF;
padding-right: 15px;
background: url("../imagenes/menu.gif") no-repeat;
}

#menu A:hover { background: url("../imagenes/menu2.gif") no-repeat;}

Por que FF no reconoce el tamaño que le indico?

Un saludo

[Mikmoro]

Porque "a" es un elemento de línea y no se puede dimensionar con width y heigt. Para poder hacerlo añádele display: block;

[vitogq]

Muchisimas gracias, ha funcionado perfectamente...

[vitogq]

Hola de nuevo, ahora estoy con otra web en la que el menu es horizontal, como puedo decirle al firefox e internet explorer queno salten de linea????

[Rafael]

Ponle adicionalmente float: left;

Solo que ten cuidado, ya que cuando se achique la ventana, van a brincar de línea.

En ese caso mételos en un div y al div dale un ancho fijo: width: 500px;

[vitogq]

Muchas gracias Rafael, ya funciona bien...

Iniciado por Rafael

Ponle adicionalmente float: left;

Solo que ten cuidado, ya que cuando se achique la ventana, van a brincar de línea.

En ese caso mételos en un div y al div dale un ancho fijo: width: 500px;