Проблема с картинками в таблице

[liza]

Примерный код:

<table height="100%">
 <tr>
 <td width="21%" height="100%" align="left" valign="top">
 <table width="100%" height="100%">
 <tr>
 <td width="100%" align="left" valign="top" height="33%"><img /></td>
 </tr>
 <tr>
 <td width="100%" align="left" valign="middle" height="33%"><img /></td>
 </tr>
 <tr>
 <td width="100%" align="left" valign="bottom" height="33%"><img /></td>
 </tr>
 </table></td>
 <td width="58%" height="100%" align="left" valign="top">
 <p>Огромный текст</p></td>
 <td width="21%" height="100%" align="left" valign="top"><p>небольшой текст</p>
 </td>
 </tr>
</table>

суть: нужно сделать так, чтобы первая картинка всегда равнялась по верхней границе огромного текста, нижняя картинка - всегда по низу огромного текста... и чтобы расстояния между картинками было одинаковое....

этот код работает у меня в IE Mozile Safari....я не как не могу понять почему не работает в Opera?

Подскажите, плиз, что не так?