HTML and CSS Reference
In-Depth Information
Unless you're viewing this page with IE6, you'll see the gold box above
overlapping the
<select>
element.
This bug in IE6 has caused problems with drop-down menus that fail to
overlap
<select>
elements. One solution is to use JavaScript to
temporarily hide the
<select>
element, then make it reappear when the
overlapping menu disappears. Another solution involves using an
<iframe>
.
POSITIONED PARENTS IN IE6/7
Internet Explorer versions 6 and 7 incorrectly reset the stacking context in
relation to the nearest positioned ancestor element. To demonstrate this
somewhat complicated bug, we'll display two of the boxes again, but this
time we'll wrap the first box in a “positioned” element:
