SWF Object Causing IE top margin problems

I have a flash mp3 player on my website that is causing the main wrapper of the page to shift down by about 3px. The pages display perfectly in Fire Fox but when I open them in Internet Explorer 8 there is appears to be a margin set (same colour as the background).

When I remove the SWF from the page it works fine in all browsers. I have tried changing the margin-top to -3px. That works for IE but when I open the page in Fire Fox the top couple of pixels of the wrapper is cut off.

Any suggestions would be greatly appreciated!

 

Link to the issue or post code for markup/css.

 

Is it just in IE8 or the other versions as well?

If nothing else works, a conditional stylesheet should fix it. This goes under your stylesheet link in the head section:

<!--[if IE 8]>
        <link rel="stylesheet" type="text/css" href="ie8fix.css" />
<![endif]-->

Code (markup):

The new stylesheet (ie8fix.css) should only contain the negative margin fix.

 

Thanks Cash Nebula...that took care of the white space...but now there is a gap between the wrapper and the top of the browser (2px space of background color).