perdonate l'ignoranza

[Reba_Master]

Ciao a tutti sono abbastanza nuovo del mestiere, avrei un problema con un effetto hover.
Vorrei solamente dare l'hover a queste icone social, soltanto che quando vado ad inserire il css l'hover non viene visualizzato correttamente.
Mi potete aiutare per favore? vorrei che le icons rimanessero allineate e avessero l'effetto hover!
Grazie vi posto il codice

HTML

<a href="#" title ="Follow Us on Twitter">
[img]images/icons/facebook_dark.png[/img]</a>
<a href="#" title="Talk To Us on Skype">
[img]images/icons/google_dark.png[/img]</a>
<a href="#" title="Like Us on Facebook">
[img]images/icons/in_dark.png[/img]</a>
<a href="#" title="Follow Us on Vimeo">
[img]images/icons/rss_dark.png[/img]</a>
<a href="#" title="Read Our RSS">
[img]images/icons/twitter_dark.png[/img]</a>
<a href="#" title="Find Us on Wordpress">
[img]images/icons/yahoo_dark.png[/img]</a>

CSS

.social-url{margin-right:2px;border:none;}
a.social-url:hover{background-image: url(../images/icons/facebook_active.png);}

Come vedere ho provato sulla prima icona! Ma mi da l'hover sovrapposto all'icona.
Dove stà l'errore?
Help me!!
Grazie

[ResianTaxidrive]

Per Regolamento devo chiudere la discussione perché il titolo non descrive il tuo problema.
Comunque, se nel css metti l'immagine attiva come background, anche l'immagine scura deve essere come background, nel codice. Altrimenti quest,ultima rimarrà sempre, a prescindere da qualsiasi hover e potrebbe appunto darti problemi di allenamento.