title: Force fixed nav bar on top of iframe?
body: <p>I have navigation fixed to the top of my page, but if an iframe-embedded youtube video is scrolled over it, it shows up on top of the nav (as well as any overlay or modal window-div). </p>
  
  <p>Tried setting the z-index on it, to no avail.</p>
  
  <p>I've found that you can set wmode="opaque" on the embed object to get this to work with an old style flash embed, but I'd prefer to work with HTML 5 and not have to require specific settings on a video embed</p>
  
  <p><a href="http://jsfiddle.net/EB6gN/9/" rel="nofollow">http://jsfiddle.net/EB6gN/9/</a></p>