I'm currently working on an amazing header over at :
Unfortunately, in IE6, the dropdown menus from the Print and View buttons are collapsing onto a new line.
This issue is due to a common z-index bug. I attempted to solve it by setting the parent div to have a higher z-index and position relative while its child has a lower z-index and position absolute, but that solution didn't work.
Could there be something obvious that I'm missing?
Update:
I have figured out that it might actually be related to an IE6 Relative Bug.
The following fixes were crucial :
#nav-options{
margin-left: 15px;
padding-top: 20px;
width: 232px;
height: 41px;
position: relative;
z-index: 3000;
}
.popup-nav{
clear: both;
display: none;
float: none;
position: relative;
right: 318px;
text-align: right;
top: 15px;
z-index: 1000;
}
However, it appears that IE6 does not properly recognize relative in this case. Using 'absolute' is not an option either, as it would not allow the div to be relative to the calling parent ul.
Any thoughts or suggestions?