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>