Layout Bug in IE (div relative)

Question

Hi, I have a problem with IE (all versions). I have a header div with a relative position and inside this another div with absolute position and right alignment.

<div id="header" style="position: relative; width: 1000px; height: 60px;">

content

http://stadtwerke-bitburg.de/fileadmin/overflow_prob_IE.png

Now when I open the pulldown menu in FF/Safari/Opera everything is all right. Whereas in IE everything which is taller than 60px disappears behind my header div. Is there a workaround for this problem with CSS or do I have to write javascript to get this fixed?

thx TC

Answer 1

Try adding overflow: visible; to the div#header and adding z-index: 1; to the absolutely positioned element inside.