I’m having some problems positioning an swf file. It works fine in firefox, however in IE it pushes my container div across the page. Is there a way I can make the swf go underneath or on top of that div? I’ve tried z-indexing and pretty much everything I could think of in CSS. Here’s a link to my site if that will help: http://www.jadestear.com/biography.php i am totally stumped on what to do. Any help would be greatly appreciated. My embed code is below.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="270" height="375" align="right" id="FlashID" title="Accident Prone Radio">
<param name="movie" value="mp3Player.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="8.0.35.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object data="mp3Player.swf" type="application/x-shockwave-flash" width="270" height="375" align="right">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="swfversion" value="8.0.35.0" />
<param name="expressinstall" value="scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>