title: superfish drop-down menu displaying underneath div below it
body: <p>Example of what it is doing: <a href="http://screenr.com/k2X" rel="nofollow noreferrer">http://screenr.com/k2X</a></p>
  
  <p>I set the z-index of div class="container_12 header" to 2 and the div class="container_12 content" to 1</p>
  
  <p>the ul class="sf-menu" is set to 99, which is within the container_12 header div</p>
  
  <p>I've had this problem before and thought setting the z-index's appropriately for classes would do the trick, but it still giving me that problem of displaying the drop-down menu behind the div beneath (container_12 content)</p>
  
  <p>Any help is appreciated, thank you.</p>
  
  <pre><code>.container_12.content {
    z-index: 1;
  }
  
  .container_12.header {
    background-color:#030;
    height:125px;
    border:1px solid yellow;
    z-index: 2;
  }
  </code></pre>