<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....