Menu over Flash - HOW?

The following problem is occurring only in Internet Explorer (specifically version 7). It works correctly in FireFox and Safari as far as I can tell.

I have tried literally EVERYTHING I can find on the internet in order to get my CSS Menu Writer menu to appear over a Flash banner. I'm convinced the problem is with the code of the menu itself because I have other Flash content that gracefully goes under other content without any problems.

I've tried using both "transparent" and "opaque" wmode values. I place these in all three placed required with Dreamweaver's embedding process. I have set the z-index of the menu to 999, its containing div to 998, and another containing div to 997. Then, I've set the Flash banner's container div to 1.

I've also tried using other Flash embedding techniques, to no avail. PLEASE tell me how I need to alter the CSS Menu Writer code to allow for this functionality. I have lost days of work trying to do what should be so simple.

Thank you, in advance, for a quick response.

The page with the problem can be viewed here:

indextemp.php


Jeremy

My experience has been that Flash puts itself on top of everything.

I have not found any workaround other than positioning the flash element beyond the farthest reach of any non-flash menu.

TM

Using the z-index and wmode should work. You can see we do that in the powerstore on the product charts for instance:

Products_Chart.php?OrderDate1=&OrderDate2=&Search.x=55&Search.y=17&Search=Insert

It appears to use transparent instead of opaque... maybe that makes a difference. I actually don't see the problem, but it is possible.

I see your version of: Scripts/AC_RunActiveContent.js is 1.0

The powerstore demo uses 1.7. That may be the difference.

Thanks for the reply! Boy, I really thought that was going to work. I updated to a newer version of AC_RunActiveContent.js. Unfortunately, it didn't seem to do the trick.

This has completely got me baffled. Any other ideas?

Jeremy

It still has v 1.0 when I browse: AC_RunActiveContent.js

where did you update and test it?

I did some testing and as Ray noted adding wmode="transparent" to the <embed ... > tag for the Flash element allows the menu to be on top of the Flash - at least for the flash charts generated by Dynamic Web Charts.

e.g. <embed src="..." wmode="transparent" quality=... ></embed>

Thanks again for your input guys!

Hmmm... that's strange. I'm showing version 1.7 of the script. But, I did have to clear my cache before it showed up though. Still no improvement.

As far as adding "transparent", I did that first. Now I've been trying to use the "opaque" option instead since I was getting nowhere with "transparent". "Transparent" has always worked for me in the past, though, so this is really odd.

I know there's got to be a solution. I've just completely run out of ideas. This is so weird.

Jeremy

This is so weird! I have it working (as far as the transparency issue) in IE on a test page where these are the only two elements on the page itself.

menutest.php

But, when I try to put it back into the page it needs to work in, it freaks out again.

What could possibly be causing this difference?

Aaaaahhhhh! I'm a big dork!

I got it working now. I had a "position: static;" conflicting with a "position: relative;" on the same style element.

Thanks so much for your assistance. It helped me feel like I wasn't completely alone, giving me just enough sanity to figure that one out. :-)

I've got one more issue with this menu to overcome. I'll go ahead and post it in another thread.

Thanks again!

Jeremy