Using CSS with Javascript (Small Gap Problem)

[brayd]

I am using the SWFObject Method (http://blog.deconcept.com/swfobject/) for embedding flash in the header section of my home page so that my page validates when I use a strict doc type. This method uses a small snippet of javascript to embed the flash. Unfortunately, this leaves a small gap between my header and top naviagation bar when viewing my home page in Firefox. Does anyone know how to remove this small gap using CSS? To view the problem, visit www.gositelive.com using Firefox. You can view my css at http://www.gositelive.com/css/default.css

NOTE: I have applied display:block; to the image that I use in the header section of all my other pages (flash is not used in these header sections) to remove the gap. This works fine. I tried applying display:block; to the script tag on my home page that embeds the flash but this didn't work.

[brayd]

I've been provided with a solution that works. All I needed to do was ad the following to my css:

#skiisup {
display:block;
}

The second paramet in SWFObject() is the id of the object tag.

Thanks to all who took a look at my problem.