Hola muy buenas. Estoy haciendo un menú, pero me encuentro con el problema de que no se ven los backgrounds. Aquí van los códigos:
El CSS
Código:
/*Menu*/
#menulinks{
margin: auto;
list-style: none;
}
#menulinks li{
margin: 12px 10px 10px 10px;
float: left;
}
#menulinks a{
background-image: url(boton.png);
display: block;
color: white;
}
#menulinks a:hover{
background-color:#003366;
}
El HTML
Código:
<ul id="menulinks">
<li><a href="#">Home</a></li>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Foro</a></li>
<li><a href="#">Contáctanos</a></li>
</ul>
Éste último, va englobado por un DIV llamado menu, el cual tiene un background de 1000 x 50 px.
El problema es, que no se muestra la imagen de fondo de los links. ¿Alguna idea?
Un Saludo y muchas gracias
PD: El archivo boton.png está en el mismo directorio que el archivo css del menú