Rollover su icone social

[Reba_Master]

Salve a tutti!
Ho scaricato un set di icone social in versione 'dark'.
Vorrei creare l'effetto rollover tramite css visionando quelle attive colorate!
Ovviamente ho entrambe le versioni in png sia dark che active.
Qualcuno sa darmi la procedura corretta??
Grazie in anticipo!

[scimmiaparlante]

usi la pseudoclasse :hover e cambi l'immagine di background del contenitore

esempio
http://www.mrwebmaster.it/css/artico...cript_303.html

[Reba_Master]

Ti posto qui il codice che ho usato:

HTML

Twitter

CSS

a.roll{
background-image: url(../img/twitter_dark.png);
width: 120px;
height: 64px;
text-decoration: none;
}

a.rool:hover{
background-image: url(../img/twitter_active.png);
width: 120px;
height: 64px;
}

Non funziona così... ho controllato i percorsi, ma niente.... come posso fare in alternativa?
Grazie

[scimmiaparlante]

prova a darci un display:block;
non capisco perchè non funzioni...che browser usi?

inoltre non funziona cosa vuol dire: cosa vedi..che succede quando ci passi sopra

[Reba_Master]

Non vedo proprio le immagini delle icone.... ne quella dark ne quella colorata...
come browser ho provato su firefox,chrome,safari.
Non capisco....
Consigli?

[Reba_Master]

vedo le icone, ma non mi da il rollover...

[scimmiaparlante]

1)

prova a darci un display:block;

Lo hai fatto???

2)nel secondo selettore hai scritto
a.rool:hover invece di roll



PS a me funziona perfettamente

[Reba_Master]

HAI RAGIONE!!! ORA FUNZIONA!!! CASPITA NON L'AVEVO ANCORA NOTATO!!!
GRAZIE TROPPO GENTILE!!!!

[scimmiaparlante]

prego