allienamento oggetti

[Reba_Master]

Ciao a tutti! mi potreste aiutare? vorrei solo allineare orizzontalmente queste icone con un margine di 5px l'una dall'altra. Le ho inserite dentro un div ma me le mette troppo lontane se gli do il comando float. vi posto il codice grazie in anticipo!!!

HTML

<div class="s.n">





</div>

CSS

.s.n{height: 64px; width: 120px;}
.social-url{margin-right:2px;border:none;}
a.social{background-image: url(../images/icons/facebook_dark.png); display: block; background-repeat: no-repeat; width: 120px;height: 64px;}
a.social:hover{background-image: url(../images/icons/facebook_active.png); display: block; background-repeat: no-repeat; }
a.social-1{background-image: url(../images/icons/twitter_dark.png); display: block; background-repeat: no-repeat; width: 120px;height: 64px; float:}
a.social-1:hover{background-image: url(../images/icons/twitter_active.png); display: block; background-repeat: no-repeat;}
a.social-2{background-image: url(../images/icons/in_dark.png); display: block; background-repeat: no-repeat; width: 120px; height: 64px;}
a.social-2:hover{background-image: url(../images/icons/in_active.png); display: block; background-repeat: no-repeat; width: 120px; height: 64px; }
a.social-3{background-image: url(../images/icons/rss_dark.png); display: block; background-repeat: no-repeat; width: 120px; height: 64px;}
a.social-3:hover{background-image: url(../images/icons/rss_active.png); display: block; background-repeat: no-repeat; width: 120px; height: 64px;}
a.social-4{background-image: url(../images/icons/yahoo_dark.png); display: block; background-repeat: no-repeat; width: 120px; height: 64px;}
a.social-4:hover{background-image: url(../images/icons/yahoo_active.png); display: block; background-repeat: no-repeat; width: 120px; height: 64px;}

[Prill]

Se non ho sbagliato i conti:

.sn{width: 495px;height: 64px; }
.sn a{display: block;  width: 120px;height: 64px; float:left; background-repeat: no-repeat; margin-right:5px;}
a.social{background-image: url(../images/icons/facebook_dark.png); }
a.social:hover{background-image: url(../images/icons/facebook_active.png);}
a.social-1{background-image: url(../images/icons/twitter_dark.png);}
a.social-1:hover{background-image: url(../images/icons/twitter_active.png);}
a.social-2{background-image: url(../images/icons/in_dark.png);}
a.social-2:hover{background-image: url(../images/icons/in_active.png); }
a.social-3{background-image: url(../images/icons/rss_dark.png);}
a.social-3:hover{background-image: url(../images/icons/rss_active.png); }
a.social-4{background-image: url(../images/icons/yahoo_dark.png); margin-right:0 }
a.social-4:hover{background-image: url(../images/icons/yahoo_active.png);}

(da evitare i punti nei nomi dei selettori, in .s.n)

personalmente eviterei però dei link vuoti