title: z-index issue with twitter bootstrap dropdown menu
body: <p>I'm using twitter bootstrap dropdown menu in a fixed navbar at the top of my page.</p>
  
  <p>It all works fine but am having issues with the drop down menu items showing behind other page elements rather than in front of them.</p>
  
  <p>If I have anything on the page with <code>position: relative</code> (like jquery ui accordion, or a google chart) then the drop down menu shows behind it.  Tried changing the <code>z-index</code> of the dd menu and of the nav-bar, but doesn't make any difference.</p>
  
  <p>The only way I can get the menu to sit above the other content is to change the content to <code>position: fixed;</code> OR <code>z-index: -1;</code>  -but both of these solutions cause other problems.</p>
  
  <p>Appreciate any help you can give me.</p>
  
  <p>I think this is probably some standard issue with CSS positioning that I've misunderstood, so haven't posted any code, but can do if needed.</p>
  
  <p>Thanks.</p>