title: Fixed position Div ALWAYS appear on top?
body: <p>I Have a fixed position  tag that is styled as follows within my CSS:</p>
  
  <pre><code>#facebook {
  height: 249px;
  width: 50px;
  position: fixed;
  left: 0px;
  top: 200px;
  }
  </code></pre>
  
  <p>There is a flash (.swf) header image on my website, and when the resolution of the browser is low enough, the facebook div is partially hidden by the flash header.</p>
  
  <p>Here is my HTML:</p>
  
  <pre><code> &lt;body id="index"&gt;
   &lt;div id="facebook"&gt;&lt;img src="images/facebook.png" width="50" height="249" border="0"      usemap="#Map" /&gt;
   &lt;map name="Map" id="Map"&gt;
   &lt;area shape="rect" coords="2,154,40,191" href="http://www.youtube.com/" /&gt;
   &lt;area shape="rect" coords="3,202,39,240" href="http://www.facebook.com/group.php?gid=72781675198" /&gt;
   &lt;/map&gt;
   &lt;/div&gt;
   &lt;div id="wrapper"&gt;
   …
     &lt;div id="title_box"&gt;&lt;object type="application/x-shockwave-flash" 
      data="images/flash.swf" 
      width="960" height="450"&gt;
   &lt;param name="movie" value="images/flash.swf" /&gt;
   &lt;img src="images/header.jpg" /&gt;
   &lt;/object&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How do I get it so my facebook fixed position div is always displayed on top of this .swf content?</p>
  
  <p>Thanks in advance</p>
  
  <p>Jon</p>