Css Sprite Sorunu

Haber verirsen yardımcı olmaya çalışırım team şart değil nickimden dolayı çekinme sakın herhangi bir bağlantı olmadanda yardımcı olabilirim zamanında aldık öyle kaldı nick

Yok niye çekinim. Yarın duruma göre mesaj atarım

Şimdi sitemde paylaş alanı vardı. Ordaki tüm butonları tek tek çekiyordum. Sprite yöntemi ile yaptım oldu.

Şöyle kullandım :

#paylas{width:340px;height:44px;float:center;}
#paylas ul {margin:0;padding:0;list-style:none;}
#paylas li {float:left;text-indent:-9999px; }


a#facebook_paylas{
    background: url('../resim/paylas_img.png') no-repeat 0 0;
	width: 48px;
	height: 48px;
	display:block;
}

Sonra <a class="facebook_paylas" href="" vbb. gibi yazdım oldu.
Ama menü kısmında uygulayınca yani ilk mesajda yazdığım gibi width height değerlerini kaldırınca düzeliyor ama öbür resimlerde gözüküyor

a tagı içerisine span olarak eklersen yapabilirsin, birde böyle dener misin?

Örnek ;

<a href="#"><span class="facebook">Facebook</a>

span.facebook { 
        background: url('../resim/paylas_img.png') no-repeat 0 0; 
        width: 48px;
	height: 48px;
	display:block;
}

Hocam yanlış anladınız ben o facebook kodunu örnek amacı ile verdim. Sosyal paylaş kısmını yaptımda menü kısmında sorun var. ilk mesajda kodlar mevcut. Şimdi span ile denedim . siz span class ile vermişsiniz. span id ile olacak. denedim normal çıktı ama bu seferde yazının üstünde

ilk mesajdaki kod kullanımları yanlış, bende facebook örnek olarak yazdım. Mantığını görmen açısından. Span float:left uygularsan üstüne çıkmaz.