Flash Dropdown reserving space in Firefox

[hmgdllc]

I am building a site that has a flash navigation element and in IE, ive been able to position it and get it working. In firefox, however, the positioned div is reserving the entire space for the flash file instead of just sitting on top of everything like in ie, here is my simple CSS.

/* Flash Positioning of nav */
#lock{
width:782px;
z-index: 980;
/* Internet Explorer */
top:-50px;
left: -3px;
}
#top{
width:782px;
z-index: 999;
position:absolute;
top: 98px;
height:10px;
}

my divs inside my content:

<div id="lock">
<div id="top">FLASH FILE</div
</div>

here is the development link:
http://fire.develop9.com/template.asp

in IE, looks like it should. Can anyone help me figure this out in Firefox?

Thanks.

[BLiZZaRD]

Well, there are lots of problems. Not sure where to begin. The JS for the SWFObject should be a separate file, and not needed (as well) in the source.

I would start there... you can view this page for more information on that.

[hmgdllc]

Ive got that covered. im jsut looking for the positioning aspect. I didnt want to crowd the code with stuff i wasnt looking for assitance with. any clues to the positioning ?

[BLiZZaRD]

Well, with all the other problems on the page positioning should be the last concern. Obviously (or maybe not) if there are problems and issues ongoing then the position of items and elements will be off, calling the Flash twice or more in the same script will do that, for example.

If you want to "fix" it without worrying about the other issues then you will need to find some sort of crappy hack, which will result in non valid coding, and render the page useless in many browsers.

But I suppose that is up to you.