The floating object shows on top of my poor drop down menu. I have tried z-index, but it does not work on shockwave object. If you know the solution to this problem, please help!

Thanks in advance.

this is the page i'm having problem with:
http://199.98.20.203:2002/newsite/index.php





Here is the code:
<?php
require("template.php");
?>
<tr><td class='background'>
<table>
<tr><td class='noborder' align='bottom'>
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="600" HEIGHT="500" id="image-loadjpg" ALIGN="bottom">
<PARAM id='layer1' NAME=movie VALUE="image-loadjpg.swf" style='position:absolute; z-index:0;'><PARAM NAME=quality VALUE=high>
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
</td></tr>
<tr>
<td class='noborder' align='center'>
<br>Pictures Contributors:<br>
Tom Phame EE 04<br>
</td>
</tr>
</table>
</td>
</tr>
</table>
<?require("template2.php")?>

Other than allowing room for the menu I think you're stuck in this case. objects, select boxes and, in older browsers, iframes always show above other elements, the z-index only applies within the group. With select boxes you have the option of altering the visibility and/or display using the style object but that doesn't seem an option here.


--

Joe (Microsoft MVP - XML)