Arkadaşın verdiği kod üzerinde biraz düzenleme yaptım bu şekilde denerseniz çalışacaktır muhtemelen.

Css Kodu :

.cerceve {
   width:300px;
    height:60px;
    background-color:black;
}
.cerceve li {
   display: block;
   width: 60px;
   height: 60px;
    list-style:none;
   float:left;
}

.cerceve .facebook{
   background: url("http://tema.isakoc.com/wp-content/themes/pitch/images/f1.png") no-repeat 0 0; float:left;
}
.cerceve .facebook:hover{
 background: url("http://tema.isakoc.com/wp-content/themes/pitch/images/f2.png") no-repeat 0 0;
}
.cerceve .twitter{
   background: url("http://tema.isakoc.com/wp-content/themes/pitch/images/t1.png") no-repeat 0 0; float:left;
}
.cerceve .twitter:hover{
background: url("http://tema.isakoc.com/wp-content/themes/pitch/images/t2.png") no-repeat 0 0;
}
.cerceve .plus{
   background: url("http://tema.isakoc.com/wp-content/themes/pitch/images/g1.png") no-repeat 0 0;float:left;
}
.cerceve .plus:hover{
   background: url("http://tema.isakoc.com/wp-content/themes/pitch/images/g2.png") no-repeat 0 0;
}
.cerceve .youtube{
background: url("http://tema.isakoc.com/wp-content/themes/pitch/images/y1.png") no-repeat 0 0;float:left;
}
.cerceve .youtube:hover{
   background: url("http://tema.isakoc.com/wp-content/themes/pitch/images/y2.png") no-repeat 0 0;
}
.cerceve .rss{
background: url("http://tema.isakoc.com/wp-content/themes/pitch/images/r1.png") no-repeat 0 0;-content/themes/pitch/images/r1.png") no-repeat 0 0;float:left;
}
.cerceve .rss:hover{
   background: url("http://tema.isakoc.com/wp-content/themes/pitch/images/r2.png") no-repeat 0 0; 
}

HTML KODU:

<div class="cerceve">
<li class="facebook"><a href="#" title="Facebook"></a></li>
<li class="twitter"><a href="#" title="Twitter"></a></li>
<li class="plus"><a href="#" title="Google+"></a></li>
<li class="youtube"><a href="#" title="Youtube"></a></li>
<li class="rss"><a href="#" title="RSS"></a></li>
</div>