Why doesn't Z-Index in IE render the way it's supposed to over a Flash Movie?

Question

I am working on a site with two absolutely positioned divs... the logo and the menu (navbar)

IE is burying them both, even after multiple tries of z-index manipulation. Why can't IE work as well as Firefox or even Opera for God's sake?

UPDATE.......

I forgot to mention that these divs are positioned over a flash movie. How could I possibly have left that out?!

Answer 1

If your flash movie is burying your other content you may have luck by adding an additional param element to your embedded object:

<param name="wmode" value="opaque" />

For a longer answer you can see this blog post about stacking windowed / flash content. Adobe has a TechNote about this issue, too.

Answer 2

IE has several well-documented Z-index bugs. It seems IE makes a new stacking context for positioned elements. See here.