IE z-index relative/absolute bug in list

Posted by AJM on Stack Overflow See other posts from Stack Overflow or by AJM
Published on 2009-04-28T15:11:44Z Indexed on 2010/04/21 7:03 UTC
Read the original article Hit count: 371

I have the following navigation where .topNav has position:relative and subnav has position:absolute. I cant get the sublist to appear over the main list due to z-index problems. This seems to be a known problem.

<ul>
<li class="topNav">About Us
<ul class="subNav"><li> Subsection A</li><li>Subsection B</li></ul>
</li>
</ul>

Does anyone know of a workaround?


UPDATE http://brh.numbera.com/experiments/ie7_tests/zindex.html shows exacly the problem I have. My original posting was in the context of a list but I have reduced the problem to the fact that z-index dosn't seem to work when have an element with position:absolute inside a parent element with position:relative


© Stack Overflow or respective owner

Related posts about css

Related posts about css-layout