Embedded Objects and Drop Down Menus

[techiegirl]

I have an embedded video at the top right of my home page. I need to figure out how to make the drop down menu hover over the video instead of behind it.

I added the Simple Drown Down Menu add-on and have been playing around with the z-index, but haven't been able to resolve the issue.

Anyone know the CSS code I need to use to ensure the drop down menu is not hidden under the embedded video?

My site address is: http://www.tregreekboutique.com/zencart

[techiegirl]

I figured out how to do this!

The WMODE parameters need to be added to the code used to embed the object.

Add the following parameter to the <OBJECT> tag:
<param name="wmode" value="transparent">

Add the following parameter to the <EMBED> tag:
wmode="transparent"

Hope this helps someone out!!

[schoolboy]

Thanks for the update... I'm sure this WILL help others!

I had a look earlier and thought it may also have something to do with the z-index value in the styles for the dropdowns, but it appears you have found a workable solution.

[haredo]

Thank you for posting the fix for fellow Zenners with the same problem..