title: Make context menu appear on top
body: <p><strong>OK, so, here's my setup:</strong></p>
  
  <ul>
  <li>I have a jQuery <a href="http://layout.jquery-dev.com/" rel="nofollow">UI Layout</a> setup (one west, one south, and a center panel)</li>
  <li>In the west panel, there is a <a href="http://mbraak.github.io/jqTree" rel="nofollow">jqTree</a> (with the <a href="http://daviduv.github.io/jqTreeContextMenu/" rel="nofollow">jqTreeContextMenu</a> plugin, showing a simple dropdown menu, on right click)</li>
  </ul>
  
  <p><strong>The issue:</strong></p>
  
  <p>When the user right clicks on any of the tree items, the context menu <em>does</em> appear, although it appears sort of "clipped", while it should appear ON TOP of everything, no matter what.</p>
  
  <p>I've played a bit with the <code>z-index</code>s but - as usual, since it's not actually my... thing - I cannot get it to work.</p>
  
  <p>So, any ideas?</p>
  
  <hr>
  
  <p><strong>Live demo:</strong> <code>http://testbox.drkameleon.com/peppermint/uilayout.html</code></p>
  
  <p><strong>JS Fiddle:</strong> <a href="http://jsfiddle.net/2ke92qcg/" rel="nofollow">http://jsfiddle.net/2ke92qcg/</a> </p>
  
  <p><em>(the layout here, for some reason, appears rather weird, but it shouldn't matter. Closing and re-opening the west panel fixes the issue)</em></p>