Unwanted Padding On Flash Object In IE6 & 7

Works Fine In Opera, Safari & Firefox

[popepiusx2]

I have a website where there is a flash object with an image above it and an image below it, working as borders. On most browsers the images are trim up against the flash image but in Internet Explorer 6 and 7 there is a gap at the top of 2 pixels and at the bottom around 5 - 7.

<table id="flashtable">
<tr>
<td>
<img src="images/bg1.gif" border="0" width="100%" height="2" />
<div class="moduletable">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="903" height="273">
 <param name="movie" value="flash/intro.swf" />
 <param name="quality" value="high" />
 <embed src="flash/intro.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="903" height="273">
</embed>
</object>
</div>
<img src="images/bg1.gif" border="0" width="100%" height="2" />
</td>
</tr>
</table>

The CSS values for padding and margin are set to 0 on all of the styles but it the padding still appears and pushes the images away from it.

[popepiusx2]

Ok, I've found a solution to this. All I needed to do was to use an IE CSS hack in the .moduletable class and make the margins minus values as so:

*margin-top: -2px;
*margin-bottom: -10px;