embedded flash movie leaves bottom gap in IE7

gap with flash in ie7

[rito]

I embedded an .swf file on my homepage and in IE7 it adds a 2 pixel gap on the bottom and doesn't match up with the next image. It throws all the images off. I read on this site from 2003 to add: style="display:block;" to the <object> element which fixed the issue in Firefox.

Does anyone know how to fix in IE7.

Here is my code:
<td>
<object style="display:block;" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0">
<param name="loop" value="true">
<param name="movie" value="baby.swf">
<param name="quality" value="best">
<param name="autoplay" value="true">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="baby.swf" type="application/x-shockwave-flash" width=481 height=340 quality="best" play="true" loop="true">
</embed></object></td>

Thanks!

[edited by: engine at 10:50 am (utc) on Jan. 3, 2009]
[edit reason] TOS [/edit]

[rito]

I figured it out. I didn't have height and width in the object element. This works now:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" style="margin:0;padding:0;display:block;" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="481" height="340">
<param name="loop" value="true">
<param name="movie" value="baby.swf">
<param name="quality" value="best">
<param name="play" value="true">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" src="baby.swf" type="application/x-shockwave-flash" width="481" height="340" quality="best" play="true" loop="true">
</object>