Chrome не отображает div или span повторно

Question

Я некоторое время гуглил и шутил.Пока не нашли решения.Я прилагаю некоторые образцы HTML.Это генерируется сторонним пакетом, который используется в DNN.Chrome не отображает элемент, как отмечено.IE9 и FF в порядке.Любые комментарии приветствуются.

<div>
    <table align="left" sizcache="18" sizset="196" style="height: 100%;">
          <tbody sizcache="18" sizset="196">
              <tr>
                <td>
                   <span>
                   I can see this element... 
                   </span>
                </td>
             </tr>
             <tr>
                <td colspan="2">
                    <div style="width: 100%; height: 100%; overflow-x: auto; overflow-y: auto;">
                        <span style="width: 450px; height: 100px; display: inline-block;">
                        You can see me in IE9, Firefox, but not Chrome!!! 
                        </span>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="height: 10px;" colspan="2">
                ... and this element.
                </td>
            </tr>
        </tbody>
    </table>
</div>

Answer 1

Просто избавьтесь от двух переполнений в вашем стиле div. http://jsfiddle.net/zeuFT/1/

Answer 2

Я думаю, что проблема в неправильном HTML. Обратите внимание, что в каждом ряду есть только 1 TD, но TD с div, который не отображается, имеет colspan = "2" .. Я считаю, что Chrome не может справиться с этим

Answer 3

Для div установлено значение height: 100%;, но родительский объект не имеет определенной высоты, поэтому он равен 100%.

Добавление высоты к родителю td покажет div.

http://jsfiddle.net/2msKf/2/