After a few lost days, I have given up trying to solve this. So, here is the situation and I'll be really thankful if someone could tell me what I should do:
I have a vertical menu, and the second level of the menu is absolute positioned.
<ul> is styled
position: absolute; and has a set
z-index. The problem is
ie6 and ie7-specific, which does not recognize the z-index in an absolute positioned block.
If the element was a relatively positioned, there are no problems but I need the
element to be positioned absolute.
Are there any suggestions? Thanks a lot to everyone who's going to give their advice or opinion.Answer1:
Try this if it helps.
Inside absolute div, add a relative div and put your code inside it.Answer2:
IE6 and IE7 have a
z-index <a href="http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html" rel="nofollow">bug</a> where each absolutely positioned element creates a new context for the stacking order. It's difficult to tell without seeing the html in question, but try adding
position: relative; and
z-index: 100 (or something above the z-index of your sub-menus) to the container (parent) of all the elements with