Little issue with embed object

[QuikFrozen]

Hi there, well here's the deal:
I have a drop down menu(one of those in wich the submenu appears when the mouse is over). Well it works perfectly, but when I embed an swf movie next to it, the submenu is shown behind the swf and just a bit of it is visible. I'm guessing maybe there's some way to send the swf to the back so the menu appears in the front. Be noticed that I can't move the swf nor the menu.
I anyone could help me, I'd be greatful.....

[Powderhound]

could you post your code or a link to your page. that way we can see what is happening.

[QuikFrozen]

Ok, here it is:

-This creates the whole header of muy page, as you can see, the menu is done by a javascript, I've tested it and works great without the swf. Sorry about all those tables, I'll try to get rid of them.
<TR>
<TD align=right width="100%" background="../image/r_redlieds.org11.gif" height=21>
<SCRIPT src="../javaScript/xaramenu.js"></SCRIPT>
<SCRIPT src="../javaScript/menu_top.js"></SCRIPT>
</TD>
</TR>
<TR>
<TD vAlign=center bgColor=#31659c height=1 ALIGN="LEFT">
<TABLE cellSpacing=0 cellPadding=0 width=760 bgColor=#31659c border=0>
<TR>
<TD width=520 height=1>
<OBJECT id=RedLIEDS
codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0
height=65 width=515 classid=clsid27CDB6E-AE6D-11cf-96B8-444553540000>
<PARAM NAME="_cx" VALUE="13626">
<PARAM NAME="_cy" VALUE="1720">
<PARAM NAME="FlashVars" VALUE="">
<PARAM NAME="Movie" VALUE="../RedLIEDS.swf">
<PARAM NAME="Src" VALUE="../RedLIEDS.swf">
<PARAM NAME="WMode" VALUE="transparent">
<PARAM NAME="Play" VALUE="-1">
<PARAM NAME="Loop" VALUE="0">
<PARAM NAME="Quality" VALUE="High">
<PARAM NAME="SAlign" VALUE="">
<PARAM NAME="Menu" VALUE="-1">
<PARAM NAME="Base" VALUE="">
<PARAM NAME="AllowScriptAccess" VALUE="always">
<PARAM NAME="Scale" VALUE="ShowAll">
<PARAM NAME="DeviceFont" VALUE="0">
<PARAM NAME="EmbedMovie" VALUE="0">
<PARAM NAME="BGColor" VALUE="FFFFFF">
<PARAM NAME="SWRemote" VALUE="">
<PARAM NAME="MovieData" VALUE="">
<PARAM NAME="SeamlessTabbing" VALUE="1">
<EMBED src="../RedLIEDS.swf"
loop="false" quality="high" bgcolor="#FFFFFF" WIDTH="515"
HEIGHT="65" NAME="RedLIEDS" ALIGN=""
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
</TD>
<td>
<div align="rigth">
<table border="0" width="87" cellspacing="0" cellpadding="0" height="0">
<tr>
<td><img border="0" src="../image/r_cabecera_buscar.gif">
</td>
</tr>
<tr>
<td width="192" bgcolor="#BDD0F3" height="30" background="version4/fondo_catalogo.gif" align="center">
<a href="../advanced-search"><img alt="" src="../image/r_buscar_todo.gif" border="0"></A>
</td>
</tr>
</table>
</div>

</td>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>

Hope it helps you help me.

[ukgeoff]

Actually I think what Powderhound meant was a link to a live page.

However, what you have is a layering or z axis problem.

Your browser has a z axis as well as an x and y axis.

As the browser works through the code resolving its display, block level elements are given a default z position gradually stacking up on top of each other.

If you move the code for the swf in your file to before the code for the menu, you will probably find the problem goes away.

You can of course override the default positioning by using the css attribute - z-index.

[Ryan Fait]

Those don't always work; both the HTML order and z-index. I've faced that problem in the past and found no way to get around it in certain browsers. Even if it does magically work, flickering tends to occur making the menu pop in and out of site.