Not sure if this is an issue or just bad coding on my part but it was annoying. IE 8 (internet explorer 8) put an annoying whitespace above a flash item on my website:

The large black line across the top represents the background of the div that the flash document sits in. For those new to CSS, I refer to the space as a whitespace because that is how this bug or issue has always been referred to.. It only showed up in IE8 not in Firefox (shocking right). The white bar below the black is supposed to be there to give an overlap effect of the pen in the flash piece.  This is the css code of the div that is getting the space. I changed the background to black so that the space would stand out more.

#flashBanner {
 width:950px;
 height: 330px;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 background:#000000;
 border:none;
 outline:none;
 text-decoration:none;
 float:none;
}

To fix the problem I added an absolute position to the flash class in the css:

.flashDiv{
 position:absolute;
}

Once again this space issue seemed to only be on IE not on Firefox... I did not test of previous versions of Internet Explorer.