The rest area has nothing to do with image spacing. It is the width of the 'dead zone' in the middle of the gallery where the mouse will not cause it to move left or right.
Removing all left/right margins and paddings as well as any unwanted borders in the css and/or markup is important, but the markup itself is a factor. With inline content like links and images, a linebreak between tags often is as good as a space. Since everything else you have looks good enough (you do have a 1px border around the images, but that might look good/be intentional), here's what I would suggest:
Code:
<nobr id="trueContainer"><a href="#"><img src="02.jpg" width="150" height="150"
border="0"></a><a href="#"><img src="03.jpg" width="150" height="150"
border="0"></a><a href="#"><img src="04.jpg" width="150" height="150"
border="0"></a><a href="#"><img src="05.jpg" width="150" height="150"
border="0"></a><a href="#"><img src="05.jpg"
border="0"></a><a href="#"><img src="05.jpg"
border="0"></a><a href="#"><img src="05.jpg"
border="0"></a><a href="#"><img src="05.jpg"
border="0"></a><a href="#"><img src="05.jpg"
border="0"></a><a href="#"><img src="05.jpg"
border="0"></a></nobr>
as a linebreak may come inside a tag, and when it does it cannot add any space.
Bookmarks