title: IE z-index relative/absolute bug in list
body: <p>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.</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li class="topNav"&gt;About Us
  &lt;ul class="subNav"&gt;&lt;li&gt; Subsection A&lt;/li&gt;&lt;li&gt;Subsection B&lt;/li&gt;&lt;/ul&gt;
  &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Does anyone know of a workaround?</p>
  
  <hr>
  
  <p>UPDATE <a href="http://brh.numbera.com/experiments/ie7_tests/zindex.html" rel="noreferrer">http://brh.numbera.com/experiments/ie7_tests/zindex.html</a> 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</p>
  
  <hr>