.resim
{
background-image:url(images/resim.gif) no-repeat;
height:120px;
width:150px;
float:left;
}

.resim img
{
padding-top:10px;
padding-left:10px;
}

<div class="resim"><img src="../ben-10-omnitrix-unleashed-1269723820.gif" width="120" height="90" /></div>
<div class="resim"><img src="../ben-10-omnitrix-unleashed-1269723820.gif" width="120" height="90" /></div>
<div class="resim"><img src="../ben-10-omnitrix-unleashed-1269723820.gif" width="120" height="90" /></div>
<div class="resim"><img src="../ben-10-omnitrix-unleashed-1269723820.gif" width="120" height="90" /></div>
<div class="resim"><img src="../ben-10-omnitrix-unleashed-1269723820.gif" width="120" height="90" /></div>

<div style="clear:both;"></div>

Sanırım yukardaki table kodunda arkaplan resmi parçalamıssın css de resim.gif i tek resim olarak koyabilirsin .

css deki img bölümündeki kodlar ile ise div in içindeki resmin konumu ayarlanıyor .