title: z-index in IE 6 and IE 7
body: <p>I had a nested div as I show below:</p>
  
  <pre><code>&lt;div id="header"&gt;&lt;div class="header-content"&gt;
   &lt;div class="button"&gt;&lt;/div&gt;
   &lt;div id="menu"&gt;&lt;/div&gt;
  &lt;/div&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now my javascript code like that:</p>
  
  <pre><code>&lt;script&gt;
   $(".button").click(function(){
     $("#menu").css({
       position:"absolute",
       zIndex:50000,
       display:"block"
     });
   });
  &lt;/script&gt;
  </code></pre>
  
  <p>It's work fine in firefox but in IE 6 and IE 7 it's not above all. Any one had an experienced about this help me please!</p>