title: Z-index works in FF, not in Chrome
body: <p>I have two divs, one with the z-index set individually by ID, the other with z-index set by its class...
  The div with z-index set in its class does not stack as expected in Chrome 27 (Windows 7)...it works well in Firefox 21.</p>
  
  <p>Here is the CSS:</p>
  
  <pre><code>.subMenuClass{
  display: none;
  float: right;
  z-index: 1000;
  position:relative;
  padding: 20px 40px 20px 20px;
  width: 200px;
  height: 600px;
  } (doesn't work in Chrome)
  
  #theme_Div{
  width: 220px;
  height: 600 px;
  z-index: 10000;
  position:absolute;
  margin: 20px 20px 20px 60px;
  } (works in Chrome)
  </code></pre>
  
  <p>HTML is simply:</p>
  
  <pre><code>&lt;div id="theme_Div" class="mainMenuClass"&gt;
  &lt;div id="subMenu" class="subMenuClass"&gt;
  </code></pre>
  
  <p>Ideas? I have several dozen of these 'subMenus' and would rather not have to create a CSS rule for each one individually.</p>
  
  <p>Sorry, I left out something important...you see above the subMenu class is set to :display:none...the display changes to 'inline' upon a click of a button in the 'theme_div'... in any case, this code works fine in Firefox...</p>