CSS Menu hides behind flash only in IE (SWFObject)

Question

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 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.

Answer 1

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.

Answer 2

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: http://stackoverflow.com/questions/224471/iframe-shimming-or-ie6-and-below-select-z-index-bug

Answer 3

Thanks Mercator! That did the trick. I didn't even notice that was in the CSS reset. It "broke" a few other things, but those are easy to fix.

Epascarello, thanks for the iframe shimming, I did find that previously and it fixed it for IE 6, but it was still utterly broken for IE 5,5.5,7. Next time I will make sure to be more specific on the IE version.

Thanks again, David.

Answer 4

Mercator, I would vote you up, but I don't have enough reputation to vote anyone up currently. I do greatly appreciate your help though.

Also, I know that this is another account, sadly some firefox extension that I have makes me crash every time I attempt to use my open id. So I ended up making another account in Opera that way it didn't crash.