CSS Menu hides behind flash only in IE (SWFObject)

I know that this question is asked a lot, I checked all of the "related questions" before posting this and I tried all of the different solutions I could find, but to no avail.

I am working on a site at Site Page and there is a header navigation using Pop Menu Magic which the original creator used, it currently is hiding under the swf that is playing below it in only IE while working perfectly in Firefox.

I have tried everything from changing the wmode to transparent or opaque, using z-index on the different divs, ensuring they have a defined position, etc.

Any help would be greatly appreciated.

Here's the "embed" code:

<div id="slideShow">
<div id="flashcontent">
This text will be replaced by the开发者_如何学Go SWFObject Flash Inclusion.
</div>
<script type="text/javascript">
var so = new SWFObject("flash-banner2.swf", "mymovie", "747", "258", "8", "#000");
so.addParam("quality", "high");
so.addParam("wmode", "opaque");
so.write("flashcontent");
</script>
</div>

Thanks again for your help.

Stack Overflow only let's me post 1 hyperlink initially so I'll put the css In a comment.

---

Get rid of that position: relative in the universal selector rule (*) starting off your CSS. That's a really bad idea. Removing it fixes the problem.

It does break the site a number of ways (presuming that this: http://www.onlineuticacollege.com/david/ is in fact the site you're talking about), but you should fix that where those problems occur, not by relatively positioning everything.

---

Note: When saying problem in IE, make sure to say what version since there are 3 major ones out there now. I will guess 6.

It is a "feature" of IE6 when windowed objects such as flash and select elements do not abide by z-index rules. Fix is either to hide or to use an iframe "shim"

Talked about here: iframe shimming or ie6 (and below) select z-index bug