css sıralama yardım lütfen kafam durdu

<div id="kapsa">
<div id="homesirala">
<div id="col-1 " class="col"><img src="images/f1.png" /></div>
<div id="col-2 " class="col"><img src="images/f2.png" /></div> 
<div id="col-3 " class="col"><img src="images/f3.png" /></div>
<div id="col-4 " class="col"><img src="images/f4.png" /></div>
<div id="col-5 " class="col"><img src="images/f5.png" /></div> 
<div id="col-6 " class="col"><img src="images/f6.png" /></div>
</div>	
		</div>

#kapsa {width:980px;  }
#homesirala {margin-top:10px;   }
.col { float:left; margin-right:8px; width:157px; }

tolam genişlik:980px

her bir col div genişlik:157

6 x 157 + 5 x 8 = 982 px çıkıyor

ve bir satıra 6 div sıgmıyor....

en sondaki div in margin-right:2 sını nasıl sıfırlarım

#col-6 {margin-right:0}

yapıyorum olmuyor....

id="col-6 " yerine id="col-6" olacak(boşluk silinecek),

sonuncuya margin-right:0 verirsen toplam genişlik 982px olacağı için sonuncu kutu yine alta kayacaktır

<div id="col-6 " class="col last">

.last {margin-right:0px !important}

teşekkürler hocam işe yaradı.....
çok sağolun...