problem as menu show behind of flash~ pls help

can anyone help me with this problem...now my problem is when i mouse over the menu...such as c n d...then dropdown menu is behind of the flash..how can i bring forward it?
[ November 10, 2004: Message edited by: wong mei mei ]

this is the javascript code:

css code

DIV.mainmenu {
FONT-SIZE: 11px; 
PADDING-BOTTOM: 1px; 
MARGIN: 0px auto; PADDING-TOP: 
2px;FONT-FAMILY: verdana,arial, sans-serif; 
BACKGROUND-COLOR: #FBCA21; 
TEXT-ALIGN: center; width:100%
}
DIV.mainmenu A {
PADDING-RIGHT: 6px; 
PADDING-LEFT: 6px; 
PADDING-BOTTOM: 1px; 
COLOR: #000000; 
PADDING-TOP: 2px; 
TEXT-DECORATION: none; 
width:100%
}
DIV.mainmenu A:hover {
PADDING-RIGHT: 6px; 
PADDING-LEFT: 6px; 
PADDING-BOTTOM: 1px; 
COLOR: #ffffff; 
PADDING-TOP: 2px; 
BACKGROUND-COLOR: #93C840; 
TEXT-DECORATION: none; 
width:100%
}
DIV.mainmenu A:active {
PADDING-RIGHT: 6px; PADDING-LEFT: 6px; 
PADDING-BOTTOM:1px; COLOR: #ffffff; 
PADDING-TOP: 2px; BACKGROUND-COLOR: #93C840; 
TEXT-DECORATION: none; width:100%
}
 
DIV.menu {
z-index:10px; 
BORDER-RIGHT: #FBCA21 1px solid; 
PADDING-RIGHT: 0px; 
BORDER-TOP: #FBCA21 1px solid; 
PADDING-LEFT: 0px; 
Z-INDEX: 1000; 
LEFT: 0px; 
VISIBILITY: hidden; 
PADDING-BOTTOM: 0px; 
BORDER-LEFT: #FBCA21 1px solid; 
WIDTH: 160px; PADDING-TOP: 0px; 
BORDER-BOTTOM: #FBCA21 1px solid; 
POSITION: absolute; TOP: 0px; 
BACKGROUND-COLOR: #EBF4D7
}
DIV.menu A {
z-index:10px; 
BORDER-RIGHT: medium none; 
PADDING-RIGHT: 10px; 
BORDER-TOP: medium none; 
DISPLAY: block; PADDING-LEFT: 10px; 
FONT-SIZE: 11px; PADDING-BOTTOM: 2px; 
MARGIN: 0px; BORDER-LEFT: medium none; 
PADDING-TOP: 2px; BORDER-BOTTOM: medium none; 
FONT-FAMILY: verdana,arial,sans-serif
}
DIV.menu A:link {
z-index:10px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.menu A:visited {
z-index:10px; COLOR: #000000; TEXT-DECORATION: none
}
DIV.menu A:hover {
z-index:10px; COLOR: #ffffff; BACKGROUND-COLOR: 93C840
}
DIV.menu A:active {
z-index:10px; COLOR: #ffffff; BACKGROUND-COLOR: 93C840
}
 
.content {
FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none;FONT-FAMILY: verdana, arial, helvetica; 
}

[ November 09, 2004: Message edited by: april april ]

[ November 09, 2004: Message edited by: april april ]
[ November 09, 2004: Message edited by: april april ]

this is html : to avoid problem, i change the keyword "onmouseout" to "onmouseeout" which have another character "e" added

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="festival.css" type="text/css">
 
<SCRIPT language=javascript src="menu2.js"></SCRIPT>
</head>
 
<body>
<table width="500" border="0" align="center" bgcolor="#FFFFFF">
  <tr> 
    <td width="720"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr bgcolor="FBCA21"> 
          <td width="14%" height="16" bgcolor="FBCA21"><div align="center" class=mainmenu><A 
            href="http://www.yahoo.com">Home</A></div></td>
          <td width="14%" bgcolor="FBCA21"> <div align="center" class=mainmenu><A 
            href="http://www.yahoo.com">a</A></div></td>
          <td width="22%" bgcolor="FBCA21"><div align="center" class=mainmenu><A 
            href="http://www.yahoo.com">b</A></div></td>
          <td width="22%" bgcolor="FBCA21"> <div align="center" class=mainmenu><A id=mainenglish
            onmouseover="showMenu('english','mainenglish','1')" 
            onclick="this.blur();return false;" onmouseeout="hideMenu('english');" 
            href="http://www.yahoo.com"> c</A></div></td>
          <td width="28%" bgcolor="FBCA21"> <div align="center" class=mainmenu><A id=mainmalay 
            onmouseover="showMenu('malay','mainmalay','1')" 
            onclick="this.blur();return false;" onmouseeout="hideMenu('malay');" 
            href="http://www.yahoo.com">d</A> 
              <div class=menu id=english 
            onmouseover="showMenu('english', 'mainenglish','1')" 
            onMouseeOut="hideMenu('english');"><a 
            href="http://www.yahoo.com">yahoo</a> <a 
            href="http://www.yahoo.com">yahoo</a> <a 
            href="http://www.yahoo.com">yahoo</a> <a 
            href="http://www.yahoo.com">yahoo</a> <a 
            href="http://www.yahoo.com">yahoo</a> </div>
              <div class=menu id=malay
            onmouseover="showMenu('malay', 'mainmalay','1')" 
            onMouseeOut="hideMenu('malay');"><a 
            href="http://www.yahoo.com">bla bla bla</a> <a 
            href="http://www.yahoo.com">bla bla bla</a> <a 
            href="http://www.yahoo.com">bla bla bla</a> <a 
            href="http://www.yahoo.com">bla bla bla</a> </div>
            </div></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td height="121"> 
      <object classid="clsid  :mrgreen:  27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="550" height="100">
        <param name="movie" value="image/testing.swf">
        <param name="quality" value="high">
        <embed src="image/testing.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="550" height="100"></embed></object> 
    </td>
  </tr>
</table>
<p>&nbsp;</p>
</body>
</html>

[ November 09, 2004: Message edited by: april april ]
[ November 09, 2004: Message edited by: april april ]

anyone can help ?

As we said before

place a div around the flash

<div style="zIndex:0">FLASH</div>

In all of the menu css rules place z-Index = 101;

Eric