title: Fixed overlapping jquery panel
body: <p>My plan with this site is to add a header to the page which remains fixed as you scroll through the page. The catch though is that this header needs to also slide down and reveal a panel while overlaying the main content and not push it down. I've tried <code>position:fixed</code> on the header and/or panel div but it somehow hides the scroll bars. I've also tried using <code>z-index</code> but that doesn't have any effect. </p>
  
  <p>Any help would be appreciated. Here's my code.</p>
  
  <p><a href="http://tny.cz/22de6520" rel="nofollow">My HTML</a></p>
  
  <p><a href="http://tny.cz/4f9d59aa" rel="nofollow">And my CSS</a></p>