anlatayım.

ilk olarak bi sınıf açıp gereken değerleri verin.örneğin .kategori

.kategori{
font...
back..
}

listelemeleride yapalım

ul.kategori{
......
}
ul.kategori li {
......
}

ve html'de

<div class="kategori">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>

şimdi li 'lere sınıf vericez

li.sin{.............}
li.sun{............}

ve htmlde

.......
<li class="sin"></div>
<li class="sun"></div>
.......

böyle yaptığınızda her liste elemanına ayrı resim verebilirsiniz resim vermek içinde arkaplan komutlarını kullanıcaz.

li.sin{
background: url(resim/ikon.png) no-repeat 0px 0px; /*yanlış hatırlamıyosam ilk 0 yatay pozisyon ikinci 0 dikey pozisyon yani soldan üstten pozisyonu*/
padding: 0 0 0 0; /*eğer yazıyı kaydırmak istiyorsanız normal padding kodları kullanacaksınız.*/

}

onlar nasıl yapmış bilemem ama benim kullandığım ve kolay bulduğum yöntem bu.

iyi çalışmalar.