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

[MasterXNicoX]

Probaste insertandole la pseudo-clase LINK?? Intentalo...

Quedaría algo así tu css...

Código:

#menu li a:link{color:#00f;background:#fff}
#menu li a:hover,#menu li a:active{color:#fff;background:#00f}

Pruebalo así y me comentas!!!

[boli-sp]

si..
realmente tengo esto:

Código CSS:

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

el enlace tiene el color #f83434 por defecto y al ponerse encima debería cambiar a #000 pero no lo hace..

continúo con el problema, pero gracias por tu ayuda :)

[Suskos]

¿Tienes firebug instalado? puede que haya otra regla de estilo que esté sobreescribiendo el color del link. En todo caso, intenta utilizar:

Código HTML:

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

Échale un vistazo a esto:
http://www.desarrolloweb.com/articulos/declaracion-important-css.html

[MasterXNicoX]

Boli, entonces el problema que tienes es el orden en que escribiste el codigo...

Pusiste:

Código:

#menu li a:hover,#menu li a:active{color:#000}
#menu li a:visited,#menu li a:link{color:#f83434}

Intenta reemplazarlo por este otro:

Código:

#menu li a:link,#menu li a:visited{color:#f83434;background:#fff}
#menu li a:hover,#menu li a:active{color:#000;background:#090}

Hazlo y me comentas!!!

[boli-sp]

gracias :D
yo también pense lo de que se me sobreescribiera una regla a otra porque tengo muchos tipos de enlaces distintos pero me hago un lío tener que ir uno a uno mirando..

lo miraré con el firebug

mientras no lo encuentre lo dejo como me dijiste tú.

gracias por tu ayuda ;)

[boli-sp]

pues si, es por el orden!

no lo sabía..gracias :D

muy amables!

[MasterXNicoX]

No hay por que boli!! Recuerda:

Love & Hate

Link Visited Hover Active!! Ese es el orden!!