title: How do I get an image to overlap an embedded SWF file on PC browser?
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/761402/why-doesnt-z-index-in-ie-render-the-way-its-supposed-to-over-a-flash-movie">Why doesn&#39;t Z-Index in IE render the way it&#39;s supposed to over a Flash Movie?</a>  </p>
  </blockquote>
  
  
  
  <p>I need some CSS help.
  I have a page that has a full-width header div that contains an image.
  The page also embeds a .swf using SWFObject (javascript) directly below this div.</p>
  
  <p>My goal is to get the image to 'overlap' both the div and the .swf object, sort of like it is spilling into the .swf object.</p>
  
  <p>This effect is working fine in FireFox on Mac, but it seems to fail on any PC browser (IE and FF).</p>
  
  <p>Here is a live link to my page.  <a href="http://printstuff.com" rel="nofollow noreferrer">http://printstuff.com</a></p>
  
  <p>View it in FireFox on Mac to see what I'm trying to achieve, then view it on a PC to see the incorrect result.</p>
  
  <p>You can see my CSS and JS files by viewing generated source on the live page.</p>
  
  <p>Any help you can offer would be greatly appreciated.</p>
  
  <p>Thanks. </p>