title: How to position my embedded flash file
body: <p>I am making sure that my site displays properly on different screen resolutions. Everything is fine except the flash; it is located in the perfect position in 1024 wide resolution but not for wider screens. How can I get it to show in the same place?</p>
  
  <p>This is my css:</p>
  
  <pre><code>#flash {
     margin-top: 30px;
     width: 960px;
     height: 331px;
     margin-bottom: 20px;
     z-index: 0;
  }
  </code></pre>
  
  <p>This is the code I used to embed the file:</p>
  
  <pre><code>&lt;p&gt; &lt;/p&gt;
  &lt;p&gt;
  &lt;object id="flash" style="width: 950px; height: 350px;" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="950" height="360" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" align="centre"&gt;
  &lt;param name="movie" value="/media/flash_final.swf" /&gt;
  &lt;param name="quality" value="high" /&gt;
  &lt;param name="wmode" value="opaque" /&gt;
  &lt;param name="bgcolor" value="#ffffff" /&gt; &lt;embed type="application/x-shockwave-flash" width="950" height="360" src="../media/flash_final.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" name=" Web" bgcolor="#ffffff" quality="high"&gt;&lt;/embed&gt;
  &lt;/object&gt;
  &lt;!--[if !IE]&gt;--&gt;                               
  &lt;object id="flash" style="width: 950px; height: 350px; z-index: 0;" width="950" height="360" name="Web" data="media/flash_final.swf" type="application/x-shockwave-flash" wmode="transparent"&gt;
  &lt;param name="movie" value="media/flash_final.swf" /&gt;
  &lt;param name="quality" value="high" /&gt;
  &lt;param name="bgcolor" value="#FFFFFF" /&gt;
  &lt;param name="WMODE" value="transparent" /&gt;
  &lt;param name="allowScriptAccess" value="always" /&gt; &lt;!--&lt;![endif]--&gt; &lt;!--[if !IE]&gt;--&gt;
  &lt;/object&gt;
  &lt;!--&lt;![endif]--&gt;&lt;/p&gt;
  &lt;p&gt; &lt;/p&gt;
  </code></pre>