Internet Explorer 8 - Div disappears when resized

Question

I have a page that works fine in Firefox and Chrome. I.E. 8, however, decides not to show the div when resizing the browser. Most of the page looks great, but the div that I use for the content does not disappear and just disappears when I resize IE

<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

You are in the "haslayout" link error

The easiest way is to give you a wrapper height. A simple hack that works well is height: 1%. this should solve your div fading problem.

Answer 2

, IE- "haslayout", .