Internet Explorer 8 - Div исчезает при изменении размера

Question

У меня есть страница, которая отлично работает в Firefox и Chrome. И.Е. 8, однако, решает не показывать div при изменении размера браузера. Большая часть страницы выглядит нормально, но div, который я использую для содержимого, не исчезает, а просто исчезает при изменении размера I.E.

<div id="wrapper">
   <div id="innerWrapper" style="width:215px;">
        <div id="mainColumn" style="height:750px; width:600px; float: left; clear:both; position:absolute;">
             <div id="mainContent" style="float:left; ">
                     content here disappears on resize.
             </div>
         </div>
     </div>
</div>

Answer 1

Вы получили ошибку "haslayout" ссылка

Самый простой способ - указать высоту обёртки. Простой взлом, который хорошо работает, это высота: 1%. это должно решить вашу исчезающую проблему с div.

Answer 2

Если вы установили позицию на абсолютную или относительную к неправильному контейнеру, он также делает это, и это является частью ошибки IE ", как описано выше.