переполнение: скрытый не работает внутри таблицы

Question

Когда я пробую приведенный ниже код, скрытие переполнения не работает (оно расширяется):

<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="1024" height="100" colspan="3">&nbsp;</td>
  </tr>
  <tr><td width="1024">
    <div style="width:1024;height:436;overflow:hidden;">
    <div style="position:absolute;">
    <table border="0" cellpadding="0" cellspacing="0"><tr>
    <td width="51"><img src="images/page1_04.jpg" width="51" height="436" /></td>
    <td width="922" height="437"><img src="images/page1_05.jpg" width="922" height="436" /></td>
    <td width="51"><img src="images/page1_06.jpg" width="51" height="436" onMouseOver="this.src='images/hover/page1_arrow_hover_06.jpg'" onMouseOut="this.src='images/page1_06.jpg'" /></td>
    <td width="300"><img src="images/page2_05.jpg" /></td>
    <td width="51"><img src="images/page2_04.jpg" width="51" height="436"  onMouseOver="this.src='images/hover/page2_arrow_hover_04.jpg'" onMouseOut="this.src='images/page2_04.jpg'" /></td>
    <td width="922" height="437"><img src="images/page2_05.jpg" width="922" height="436" /></td>
    <td width="51"><img src="images/page2_06.jpg" width="51" height="436" /></td>
    </tr></table>
    </div>
    </div>
    </td>
  </tr>
</table>

Однако, когда я использую только фрагмент кода (родительский div), он работает нормально.

Что я делаю не так?

Заранее спасибо, Марк.

Answer 1

Вам нужно установить стиль с помощью table-layout:fixed; along with overflow:hidden; для элемента таблицы.

Answer 2

Это должно работать:

<td  width="1024" height="100" style="display:block; overflow:hidden;"></td>