title: CSS z-index not working properly
body: <p>say I have the following:</p>
  
  <pre><code>&lt;div id="fader"&gt;&lt;/div&gt;
  &lt;div id="wrapper"&gt;
      &lt;div class="content"&gt;Blah Blah&lt;/div&gt;
      &lt;div class="content"&gt;Blah Blah&lt;/div&gt;
      &lt;div class="content"&gt;
           &lt;div id="form"&gt;form goes here&lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="form2"&gt;Form goes here&lt;/div&gt;
  </code></pre>
  
  <p>Now #form is actually invisible until a button is clicked. At that point, I want fader to black out the entire page, and the #form shows up.</p>
  
  <p>I have this working by using <code>position: absolute</code> and the correct <code>z-index</code>. Now, #wrapper is set to a z-index lower than #fader's z-index. I want #form z-index to be higher than #fader, but still be inside #wrapper! Is there anyway to do this?</p>
  
  <p>Thanks</p>