Drop down Menu / Flash level issues

[techtherapy]

Hello everyone. Not sure if I should be posting in the html/css forum, the flash forum, or this one since the problem deals with all three!

So my issue is this: My company is updating a homepage on a site that uses mm_menu.js drop down menus and we have a flash object that will be sitting virtually underneath a few o these drop downs. Everything seems to work fine except in IE6 & 7 Where the drop down appears behind the flash! Obviously not where you want the links to end up!

So I researched and research and tried various different approaches. I played with the z-index of the two elements- trying to bring the drop down in front of the div the flash is in. Nothing. I also found posts that had this fix suggested: adding in the code <param name="wmode" value="transpar ent"> in the list of flash parameters and wmode="transpar ent" in the embed section. This also does nothing!

I've looked and looked and no solution presented itself so I humbly request the help of the fantastic users of this forum (I figure a little flattery doesn't hurt!).

The page I have issue with can be found here:
http://www.baby-energy.com/index-08.php

and the css (which looks like some monkey typed it) here:
http://baby-energy.com/style.css

as well as the js here:
http://baby-energy.com/mm_menu.js
and here:
http://baby-energy.com/loadmenus2.js

Anything, and I mean anything would be helpful! Thanks!

[acoder]

One possibility is what's known as iframe shimming. In IE, windowed controls such as select boxes appear above DHTML elements. Shim the iframe under the div and it will cover the windowed control.

[techtherapy]

One possibility is what's known as iframe shimming. In IE, windowed controls such as select boxes appear above DHTML elements. Shim the iframe under the div and it will cover the windowed control.

Thanks acoder! This really helped- it didn't end up being the solution but trying this technique showed me what I was doing wrong. I appreciate the help!

[acoder]

Glad it helped. So what was the solution in this case?

[techtherapy]

Glad it helped. So what was the solution in this case?

Well I originally placed the flash in a div element so that I can control the z-index- when this didn't work and I attempted placing it in an iframe to attempt the shim like you suggested, I discovered that the original flash code fix (using the wmode="transpar ent") worked once it was outside of the div. So with some simple floats to move the animation into the right position all was good in the world.

[acoder]

Thanks. That should prove useful to members searching for this issue or even someone dropping by.