cambiar color al ponerse encima

[boli-sp]

hola!
tengo un problema que me extaraña un poco..porque quería que un enlace cambiase de color al ponerse encima, tengo este código

Código CSS:

#menu li a:hover,
#menu li a:active
{
    color:#000;
}
 

pero no cambia, de hecho, si le pongo para cambiar el background si que va

Código CSS:

#menu li a:hover,
#menu li a:active
{
    background-color:#333333;
}
 

html:

Código HTML:

<ul id="menu">
     <li><a href="?pag=inicio"><span class="negro">i</span>nicio</a></li>
     <li><a href="?pag=servicios"><span class="negro">s</span>ervicios</a></li>
     <li><a href="?pag=multimedia"><span class="negro">g</span>alería</a></li>
     <li><a href="?pag=contacto"><span class="negro">c</span>ontacto</a></li>
</ul>
 

¿a qué puede ser debido?
gracias, saludos