Menu con UL y LI, problemas

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
/*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
<ul id="menulinks">
						[*][url="#"]Home[/url]
						[*][url="#"]Logros por juegos[/url]
						[*][url="#"]Guías de Logros[/url]
						[*][url="#"]Envía tu logro[/url]
						[*][url="#"]Foro[/url]
						[*][url="#"]Contáctanos[/url]
					[/list]

É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

PD: El archivo boton.png está en el mismo directorio que el archivo css del menú
background-image: url("boton.png");

me dices si te funciono con las comillas =)