Can you help me with a css z-index problem?

Question

This is my normal web site page

http://www.geocities.com/denmarks/

Click on "show menu" and there is a menu "popup".

I tried an experiment to make it wider.

http://www.geocities.com/denmarks/indexTest.html

Click "show menu".

You will notice the Yahoo box is above the menu.

The menu portion is dynamically generated and there is a z-index of 10 to make it on top. Why is the Yahoo box over the menu and how can I fix it.

Answer 1

This is a Flash issue. Here's a workaround that should solve your problem. Add the wmode attribute to the embed tag in your page and set the value to transparent such as follows:

<embed allowScriptAccess="never" base="." wmode="transparent" src="http://answers.yahoo.com/info/yAnsw... id="y_answrs_flash_badge" type="application/x-shockwave-flash" width="330" height="250" flashVars="KID=cb1c8e5fcd8492bc3787fd1b6...

Hope this helps. Good luck! :)

Answer 2

Depends on how both are being positioned.  You might get your answer from reading:

http://developer.mozilla.org/en/docs/Und...

http://www.wz2k.co.uk/forum/showthread.p...

http://archivist.incutio.com/viewlist/cs...

May I make a suggestion?  Get rid of any Geocities sites:

HTML Coding Errors (most added by server) -

http://validator.w3.org/check?verbose=1&...

OOr just add this attribute to the media player code:

wmode="transparent"

Ron