Drop down menu to show in front of embedded video

Dear people,

I have a page with an embedded video:

<OBJECT ID="MediaPlayer" WIDTH="192" HEIGHT="146" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
STANDBY="Wait..." TYPE="application/x-oleobject">
<PARAM NAME="FileName" VALUE="viz.wmv">
<PARAM name="ShowControls" VALUE="false">
<param name="ShowStatusBar" value="false">
<PARAM name="ShowDisplay" VALUE="false">
<PARAM name="autostart" VALUE="true">
<EMBED TYPE="application/x-mplayer2" SRC="viz.wmv" NAME="MediaPlayer"
WIDTH="192" HEIGHT="146" ShowControls="0" ShowStatusBar="0" ShowDisplay="0" autostart="1"> </EMBED>
</OBJECT>

There's a menu that drops down on top of the embedded video. When you use the menu and it drops down it always goes behind the video. What can I do to make it drop down in FRONT of the video so you can see the menu??

I've tried to give in the CSS a z-index:-2; to the div that contains the video, but it does not work.

Thanks a lot In advance!!

Have a try by adding <param name="wmode" value="transparent">

<object
type="application/x-shockwave-flash" data="viz.wmv"
width="192" height="146">
<param name="movie" value="viz.wmv">
<param name="wmode" value="transparent">
</object>

Umm thats not a flash file. Its a windows media video so that won't work. wmode is flash only.

Umm thats not a flash file. Its a windows media video so that won't work. wmode is flash only.LOL, I haven't read his full code without [code]