Problemas dando estilo a links

[indio-]

Hola!
Quiero realizar unos enlaces en el que el fondo sea de color gris y las letras en blanco , y que cuando pase el raton por encima cambie el fondo a color rojo y las letras en blanco

Esto es lo que puse CSS:

Código:

#seleccion{
	color: #D1D1D1;
 	padding: 10px 10px  10px 0px;
}
a.menulink:link{
	color: #333333;
	font-weight: bold;
	background-color: #999999;
}

a.menulink:visited{
	color: #333333;
	font-weight: bold;
	background-color: #999999;
}

a.menulink:hover{
 	 color: #FFFFFF;
	font-weight: bold;
	background-color: #FF0033;
}

y asi es como lo tengo en el html

Código:

	
<div id="seleccion">
		<a href="" class="menuLink" accesskey="F" title="Las fotos de jakuko"> <span class="ackey">F</span>otos</a>
		<span class="separador">|</span>
		<a href="" class="menuLink" accesskey="L" title="Visita y firma el libro de visitas"> <span class="ackey">L</span>ibro</a>
		<span class="separador">|</span>
		<a href="" class="menuLink" accesskey="S" title="Algunos de los miembros de jakuko"><span class="ackey">S</span>ome Of Us</a>
		<span class="separador">|</span>
		<a href="" class="menuLink" title="Enlaces">Links </a>
	</div>

Lo estoy probando todo en FireFOX , y no me hace nada :(

[indio-]

Nada ya esta encontrado el fallo, el problema era que la classse llamaba menuLink y en el .CSS lo tenia sin mayusculas