верстка: перенос картинки на другую строку при уменьшении разрешения

Вопрос непосредственно по верстке: столкнулась с такой проблемой - есть столбец в таблице, ширина которого задана в % (а не в пикселях!). В нем располагается большее чило картинок, без подписей, без заголовков, одни картинки. Как сделать так, чтоб при маленьком разрешении показывалось по 2 картинки в строчке (к цифре 2 не привязывайтесь, можно по-другому сказать: столько картинок, сколько позволит разрешение и ширина столбца), а при растяжке число картинок на одной строке увеличивалось, т.е. примерно так

маленькое разрешение

рис.1 рис.2

рис.3 рис.4

рис.5 рис.6

рис.7 рис.8

разрешение побольше

рис.1 рис.2 рис.3

рис.4 рис.5 рис.6

рис.7 рис.8

большое разрешение

рис.1 рис.2 рис.3 рис.4

рис.5 рис.6 рис.7 рис.8

сейчас пишу следующее:

<table width="100%">

<tr>

<td width="80%">текст</td>

<td width="20%">

<img src="1.jpg" border="0" align="middle">

<img src="2.jpg" border="0" align="middle">

<img src="3.jpg" border="0" align="middle">

<img src="4.jpg" border="0" align="middle">

<img src="5.jpg" border="0" align="middle">

<img src="6.jpg" border="0" align="middle">

<img src="7.jpg" border="0" align="middle">

<img src="8.jpg" border="0" align="middle">

</td>

</tr>

</table>

при таком коде перенос осуществляется только в мозиле, а нужна еще опера и IE

как быть?