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» ошибка link

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

Answer 2

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