CSS Menu items go under flash movie in Firefox.

[vaughnt]

Hello-

I'm wondering if anyone has seen this problem before.

I have a page/layout that has a flash movie under a CSSMenu Horizontal menu. When using Firefox 1.5.0.4 and mousing over the menu, the popout menu items are obscured by the flash movie, and mouseover breaks when reaching the edge of the flash movie.  Here is a simplified example using one of the standard templates... mouse over "Menus and Navigation Systems" to see what I mean:

http://tools.iplenus.com/cmsmadesimple/ ... types.html

The menu functions ok in IE6/7b.

I've had this happen before using other dhtml/css menu systems, and the fix was to apply wmode=transparent to the embed tag for the flash movie, as detailed here:
http://www.adobe.com/cfusion/knowledgeb ... d=tn_15523

In this case it isn't working, however. Could it have something to do with the XML doctype changing the behavior of the browser?
I've also tried setting z-index on the flash movie and on the menu to no avail.

Any solutions?  And "don't use flash" or "move the flash" don't count.  Combining flash and a dhtml menu on a page isn't normally a problem. I'd like to figure out why it is in this situation.

Vaughn

[3dcandy]

hey hey hey...
another post with this problem!

you need to set wmode=transparent in the flash movie, then firefox will use the correct z-index.
this means you need to set this as a paremeter...if you don't get it, ask me and I'll point you in the right direction, but I'm tired and off ti bed now!

[brainpoo]

Does really seem to be working for me... I did transparent and I did opaque... that's just not working

[Dr.CSS]

have you tried the position:relative thing?...

[Dee]

Anyone found a solution yet?

I'm experiencing the same problem while implementing the XSPF Web Music Player (Flash, http://musicplayer.sourceforge.net/).
I've set in the object and wmode="transparent" in the embed, set postion:relative for both and set z-index for the object/embed and (with a higher value) for div#menuwrapper.

See http://dee.demon.nl/devirtuoos/index.php?page=muziek (the 'Oefeningen' => 'Electrisch' menu disappears behind the flash player).

[Diane]

Try changing both positions to absolute, this should work fine.

[Dee]

Thnx for the suggestion, but that doesn't do the trick (see http://dee.demon.nl/devirtuoos/index.php?page=muziek).
I tried it already because I thought position had to be absolute for z-index to work.

[Diane]

Yep, it does need to be absolute for z-index to work.

I spent hours working this all out for mine - and it works.  I will take a look as soon as I have a few!

Actually, you might try this, my solution was to remove all positioning completely, and no div positioning on the flash...

[andym]

This is a very old thread.... but I have hit the same problem and wondered if the answer was ever found?

A.

[Dr.CSS]

The answer to this is individually unique to each situation, you will need to post a link to the problem page...

[andym]

Not to worry Doc. I was using a pre-packaged swf file but instead changed to use one of the CMS 3rd party modules (showtime) and the transparent setting on that one worked (where it did not on the pre-packaged one). So all is now well.
Many thanks for the response.

A.