title: Relative z-index?
body: <p>I've got a "Dialog" widget that pops up with a z-index of 100.  When I create another popup (a floating div), it appears underneath the dialog widget, because I haven't explicitly set the z-index on the new popup.</p>
  
  <p>The structure ends up looking something like</p>
  
  <pre><code>&lt;div id="dialogbox" style="z-index: 100"&gt;
      &lt;div&gt;
          &lt;div id="widgetThatCausesThePopup" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="popupHiddenBehindTheDialog" /&gt;
  </code></pre>
  
  <p>I'm using GWT to generate this HTML.  There can be arbitrary levels of nesting between dialogbox and widgetThatCausesThePopup, and the actual z-index may be arbitrary as well.</p>
  
  <p>How can I ensure that the new div will be shown in front of the dialogbox?</p>