Return to Snippet

Revision: 17423
at September 4, 2009 10:20 by Arogarth

Initial Code
  <select style="height: width:50px;">
  <div style="position: absolute; left: 20px; top: 5px; height: 100px; width:100px;">
    <iframe style="position: absolute; top: 0; left: 0; height: 100%; width:100%; border: 0;"></iframe>
    <div style="position: absolute; top: 0; left: 0; background: white; height: 100%; width:100%;">
My Content

Initial URL

Initial Description
In Internet Explorer 6 (IE6) there is a bug to make div absolute positioned over select. The select will show over the div.
One solution is to place a empty iframe behind the div with same size.

The source below is a div as container to positioned it. In it there is a iframe und over it a div with the content.

It works fine with IE6, IE7 and FireFox3.5

Initial Title
Absolute DIV over a html-select (IE6 BUG)

Initial Tags
html, xhtml

Initial Language