#sayilar li {background: url(../images/sayilar.png) no-repeat top left; }

kullanmak yerine


.sprite-sayi0 { background: url(sayilar.png) 0 0; width: 32px; height: 28px;}

bu şekilde kullanırsanız daha sağlıklı olur hocam

ama derseniz ben bu şekilde kullanmak istemiyorum yazdığım şekilde kullanıcam


.sprite-sayi1{ background-position: -34px 0 !important; width: 32px; height: 28px; }

eklemeniz gerekmekte kalıtsallıktan #sayilar li görmekte

bana sorarsanız tanımladığınız her classta resmi background: url(sayilar.png) 0 0; çağırın ve posisyonunu bu şekilde ayarlayın

Arkadaşım en başta id olarak tanımlama yapmışsın #sayilar li diye. Sonrasında classa göre yapmışsın. O nedenle olmuyor.Yani:

.sprite-sayi0{}

diye değil

#sayilar li.sprite-sayi0{}

şeklinde yaparsan düzelir.