If you have a flash movie right on top of the page (or similar object), you may see the drop-down menu going behind (under) the object. If that happens, you may need to play around with the
z-index settings in the css code and with the object embedding code itself. Each case could be different, but here is the general rule...
1) Go to the CSS code and add
z-index values to the menu selectors:
.mainmenu{
z-index:999;
width: 15em;
padding: 0;
float: left;
}
.mainmenu ul {
z-index:999;
float: left;
width: 100%;
list-style: none;
line-height: 1;
color:#000000;
background: #b5b594;
padding: 0;
border: solid transparent;
border-width: 1px 1px;
margin: 0 0 0 0;
}
Then, the tricky part arrives. The workaround is to change the flash object
wmode parameter to
opaque. If the edit software you are using supports changing flash object params with some properties window -- look for the
wmode setting If not -- you must find this inside the html code for the flash object itself (something like that):
<object height="355" width="730" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" id="movieObject">
<param name="movie" value="movie.swf">
<param name="play" value="false">
<param name="loop" value="false"><param name="quality" value="autohigh">
<param name="wmode" value="opaque">
<embed src="movie.swf" width="730" height="355" pluginspage="http://www.macromedia.com/go/getflashplayer" PLAY="false" loop="false" QUALITY="high" wmode="opaque">
<noembed><a href="http://www.macromedia.com/go/getflashplayer">Flash Required</a></noembed>
</embed>
<div style="position: absolute; top: 25px; left: 0px;"><a href="http://www.macromedia.com/go/getflashplayer">Flash Required</a></div></object>
