title: Dropdown menu + slideshow in content z-index issue
body: <p>I'm having a problem where a slideshow (using jQuery Cycle) gets rendered in front of a dropdown menu in the navigation.</p>
  
  <p>The weird thing is that everything works in Internet Explorer but in Firefox, Chrome and other decent browsers.</p>
  
  <p>I suppose this has to do with z-index, but I'm not sure how to fix it. </p>
  
  <p>You can view the code on <a href="http://jsfiddle.net/aEdAi/" rel="nofollow noreferrer">http://jsfiddle.net/aEdAi/</a>.</p>
  
  <ul>
  <li><strong>Try hovering the third navigation menu item to see the dropdown menu</strong>.  </li>
  <li>You can set class="hover" on the third <code>&lt;li&gt;</code> in the navigation using Firebug to visually ‘lock’ the hover state and debug.</li>
  </ul>
  
  <p>How can I fix this? The dropdown menu always needs to be on top of the slideshow.</p>