imagen de fondo en un enlace (ie)

[Isidro]

Hola, estoy intentando poner una imagen de fondo de un enlace pero en internet explorer no se ve, en firefox y opera sí. Este es el código.

<ul id="enlaces">
<li><a href="#">enlace</a></li>
<li><a href="#">enlace</a></li>
</ul>

ul li a{
background: url(../img/link.jpg) repeat-x black;
}

Alguien sabría cómo hacerlo en firefox? Gracias.

[Negora]

Prueba usando el atributo "display: inline-block" añadido a tu código CSS.

[AlbertoGarcia]

Según el código que has puesto, IE debe mostrar correctamente la imagen de fondo sin problema, lo único sería darle un display block y unas medidas si quieres que muestre todo el alto de la imagen. De todos modos la sintaxis correcta es poner el color en hexadecimal y antes que la ruta de la imagen. Quizá el problema venga de otra parte del código, si lo pones más completo te podremos ayudar mejor.

Salud!

[Isidro]

Muchas gracias por contestar pero no m funciona. Pongo el código más completo.

HTML:

<div id="menu" class="grid_16">
<ul>
<li><a href="#">enlace</a></li>
<li><a href="#">enlace</a></li>
<li><a href="#">enlace</a></li>
</ul>
</div>

CSS:

#menu{
background:#1e0a15;
}
#menu ul li{
display:inline;
border:4px solid;
background: black;
}
#menu ul li a{
padding:10px 17px;
color:#eee;
text-decoration:none;
border:1px solid black;
background: #000 url(../img/link.jpg) repeat-x;
}

[Isidro]

Ahora de repente ha salido la imagen de fondo. pero con el ie7 no se ve la imagen entera, supongo q con el 6 tampoco. Estoy probando a darle un height a la etiqueta a, li ... pero no va. Alguna idea?

[Nathan_1979]

No se donde veis tanta complicación a algo tan sencillo :S


#menu ul li{
añadele:

float:left;

Por si quieres luego añadirle un margin
}
#menu ul li a{
display:block;
}

Si ya no te funciona... el problema lo tienes en otro sitio ( DOCTYPE?, correcta la ruta de las hojas de estilo??? )


Un saludo.

[Nathan_1979]

Darle un height a la etiqueta <li> no te servirá de nada!

Es el enlace el que tiene la imágen de fondo no <li>

Un saludo!

[AlbertoGarcia]

Según el código que has puesto, IE debe mostrar correctamente la imagen de fondo sin problema, lo único sería darle un display block y unas medidas si quieres que muestre todo el alto de la imagen.

Sigo sugiriéndote lo mismo que en mi post anterior, lo único que tengo que añadir es que dejes un espacio entre el selector y la llave de apertura y que cuides la sintaxis de tu código:

Código:

background-color: #1e0a15;
}

#menu ul li {
display: inline;
border: 4px solid; /*aquí te falta el color*/
background-color: #000; /*color en hexadecimal*/
}

#menu ul li a {
display: block;
height: 40px; /*pon la altura que necesites*/
padding: 10px 17px;
color: #eee;
text-decoration: none;
background: #000 url(../img/link.jpg) repeat-x;
}

Salud!

[Isidro]

Vale gracias a todos, ya está arreglado.