I need someone to help me out with this ... I think I am missing a small part of a piece of code here. I have the following code that shows a flash on browsers that support flash and then shows an animated gif file if the browser is not capable of flash (iphone) This code works for the most part perfectly BUT when I view the page on the iphone it creates a large voided space right above where the animated gif shows instead of replacing the spot or taking the place of where the flash was to be... Here is the coding:

<!--[if !IE]> -->
<object type="application/x-shockwave-flash" data="FLASHFILE.swf" width="850" height="300">
<!-- <![endif]-->

<!--[if IE]>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
width="850" height="300">
<param name="movie" value="FLASHFILE.swf" />
<!--><!--dgx-->
<param name="quality" value="high" />
<param name="play" value="true" />
<param name="bgColor" value="#FFFFFF" />
<param name="wmode" value="transparent" />
<embed src="FLASHFILE.swf"
width="850" height="300"
quality="high"
play="true"
bgColor="#FFFFFF"
wmode="transparent"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
<img src="GIFANIMATIONFILE.gif" width="850" height="300" >
</object>
<!-- <![endif]-->