title: How do I place HTML content above a Flash movie?
body: <p>A site I'm working on has Flash headers (using <a href="http://code.google.com/p/swfobject/" rel="noreferrer">swfobject</a> to embed them). Now I'm required to code in a bit of HTML that's supposed to overlap the Flash movie.</p>
  
  <p>I've tried setting z-index on the Flash element's container and the (absolutely positioned) div but it keeps "vanishing" behind the Flash movie. </p>
  
  <p>I'm hoping for a CSS solution, but if there's a bit of JS magic that will do the trick, I'm up for it.</p>
  
  <p><strong>Update:</strong> Thanks, setting wmode to "transparent" mostly fixed it. Only Safari/Mac still hid the div behind the flash on first show. When I'd switch to another app and back it would be in front. I was able to fix this by setting the div's initial styles to <code>display: none;</code> and make it visible via JS half a second after the page has loaded.</p>