If you're dealing with images, then you're already trapped in a fixed width situation no matter what. For example, if you line up 4 images in a table,
<table cellspacing="0" cellpadding="0" border="0">
<tr><td>
<table cellspacing="5" cellpadding="5" border="0">
<tr><td>
<img src="/blahblah.jpg" width="100" height="100" alt="no image is supposed to load">
<br><font face="arial" size="2">enter sometext here</font>
</td><td>
<img src="/blahblah.jpg" width="100" height="100" alt="no image is supposed to load">
<br><font face="arial" size="2">enter sometext here</font>
</td><td>
<img src="/blahblah.jpg" width="100" height="100" alt="no image is supposed to load">
<br><font face="arial" size="2">enter sometext here</font>
</td><td>
<img src="/blahblah.jpg" width="100" height="100" alt="no image is supposed to load">
<br><font face="arial" size="2">enter sometext here</font>
</tr></td></table>
</tr></td>
</table>
then you can only minimize the browser window so much before you'll have to scroll sideways. So, I would just use tables instead of layers, give the tables holding the images a cellspacing and cellpadding of say 5, and maybe resize those images using a image editor to help fit them more comfortably in a smaller window.