Hocam şöyle basit bir açıklama yapayım. Aşağıdaki linkteki sitey girin oradan örnek vereceğim. Slider altındaki tuşlar sprite tekniği ile resimleri alıyor.
http://demo.eccetasarim.com/ecceblog

Sprite tekniği resimlerin bir bütün halde alındığı ve bu resimin belli parçalarının kullanılmasını sağlar.

Bu resimden aşağıdaki css kodları ile x ekseninde aşağıdan -37px ile başlayan resmi getiriyor. Belli yükseklik değerleri ile de resmin diğer bölgelerinin çıkmasını engelliyoruz.

.gecistus li:hover {
background: url(../images/element3.png) 0 -37px no-repeat;
float: left;
width: 16px;
height: 16px;
margin-right: 5px;
cursor: pointer;
}

Umarım anlatabilmişimdir.