Имеется вот такая таблица:
<table cellspacing="10" style="width:100%; height:100%;">
<tr>
<td style="width:auto; height:auto; background:#009000;"> ячейка №1</td>
<td rowspan="2" style="width:300px; height:100%; background:#cc0000;">
<div style="width:100px; height:100%; background:#ccff00;"></div>
</td>
</tr>
<tr>
<td style="width:auto; height:100px; background:#ccee00;">ячейка №3</td>
</tr>
</table>
При изменении размеров окна браузера в "Opera" ячейка №3 "срывается" и увеличивается в размере. Если же убрать из второй ячейки блок или задать ему высоту в пикселях - всё работает нормально.
В чем проблема непонимаю, может кто сталкивался ?
И есть ли вариант такой же верстки на блоках ?