ciao non sto riuscendo a far funzionare questo:

in una pagina ho un div
codice:
<div class="seguici">
         <div class="top">
          

Segui BidShop su</p>
          <div class="riga"></div>
         </div>
         <div class="facebook"></div>
         <div class="twitter"></div>
         
         <div class="partner trovaprezzi"></div>
         <div class="partner buycentral"></div>
         <div class="partner kelkoo"></div>
         <div class="partner ciao"></div>
         <div class="partner nextag"></div>
         <div class="partner pixmania"></div>
         
         <div style="clear: both"></div>
        </div>
        
    </div>
</div>

e nel css invece:

codice:
.seguici { clear:both; padding-top:15px;}
.seguici .top { height:20px; margin:0 0 4px 9px;}
.seguici .top p {float:left; margin:0; font-weight:bold;}
.seguici .riga { border-bottom:1px solid #ddd; float:right; width:760px; margin:6px 10px}
 
.seguici .facebook {background-image:url("../images/footer_social.png"); width:36px; height:36px; float:left; margin-left:15px;}
.seguici .facebook:hover { background-position:0 36px;}
.seguici .twitter {background-image:url("../images/footer_social.png"); background-position:-36px 0; width:36px; height:36px; float:left; margin-left:15px;}
.seguici .twitter:hover {background-position:-36px 36px; }
 
.partner  {background-image:url("../images/footer_comparazione.png"); height:20px; float:left; margin:7px 10px 0 10px;}
.trovaprezzi {width:47px; background-position:0 -20px; margin-left:177px; }
.trovaprezzi:hover {background-position:0 0px; }
.buycentral {width:44px; background-position:-47px -20px;}
.buycentral:hover {background-position:-47px 0px;}
.kelkoo {width:46px; background-position:-91px -20px;}
.kelkoo:hover {background-position:-91px 0;}
.ciao {width:42px; background-position:-137px -20px;}
.ciao:hover {background-position:-137px 0;}
.nextag  {width:45px; background-position:-179px -20px;}
.nextag:hover  {background-position:-179px 0;}
.pixmania {width:54px; background-position:-224px -20px;}
.pixmania:hover  {background-position:-224px 0;}
vedo solo l'immagine in bianco e nero ma al passaggio del mouse sui vari punti non mi funziona, ovvero non diventa a colori

cosa può essere?