title: Z-Indexing Not working
body: <p>I'm having an issue where I can't seem to get my z-indexing to work on the .dropdown div in my menu. Does anybody have an idea as to why this isn't working?</p>
  
  <p>My CSS states that it should be at a level of 5 which is higher than any other on the page:</p>
  
  <pre><code>ul.dimensions &gt; li.open &gt; ul.dropdown {
      display: block;
      position: absolute;
      background: #fff;
      list-style: none;
      padding: 1em;
      width: 261px;
      box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.4);
      border: 1px solid #afafaf;
      z-index: 5;
      margin-top: -1px;
      transition: all 0.5s ease;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/yn979r0g/" rel="nofollow">http://jsfiddle.net/yn979r0g/</a></p>