Menu con UL y LI, problemas con el background

[SilverWolf2155]

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ú

[cristian_cena]

Hola, veo que haz dado display:block; al enlace para transformarlo en bloque, lo que te estaría faltando es darle al tag "a" el alto y el ancho de la imagen que utilizarás como fondo. p.ej:

#menulinks a{
background-image: url(boton.png);
display: block;
color: white;
width:/*ancho de boton.png*/;
height:/* alto de boton.png*/;
}
y luego puedes acomodar verticalmente el texto del enlace con line-height:;

Creo que con esto te debería andar, cualquier cosa me cuentas.

Un saludo!

[SilverWolf2155]

Lo siento de verdad, esque la imagen estaba nombrada como boton.png.png, en vez de boton.png.

Muchas gracias y un saludo

[cristian_cena]

Cosas que pasan, me alegro que hallas solucionado el problema. Saludos.