JavaScript drop down menu to cover a flash header

the trick i believe - which comes up often is to change your embed code
as in.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="533" height="59">
<param name="WMode" value="Transparent">
<param name="movie" value="yourfile.swf">
<param name="quality" value="high">
<embed src="yourfile.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="533" height="59" wmode="transparent"></embed>
</object>

if you're using the javascript option to embed then simply change it there.
blu.

@sabecs

Set the z-index for both.....

The z-index property sets the stack order of an element. An element with greater stack order is always in front of another element with lower stack order.

Set the z-index for both as per the overlapping needs...

Put both the elements inside the div and as you want dropdown to overlap the flash object do this...

<DIV STYLE="z-index:1; position:relative">
...
..
.
DROPDOWN CODE....
.
..
...
</DIV>

<DIV STYLE="z-index:0; position:relative">
...
..
.
FLASH OBJECT CODE....
.
..
...
</DIV>

Thanks for your help.

The link pointed to in the accepted solution above is dead.