[Resolvido] Flash com MenuDropdown sobrepondo conteúdo HTML sem e

Boa noite pessoal,

estou desenvolvendo uma página na qual tenho uma div container "Corpo" e dentro dela tenho uma div "Topo" e uma div de conteúdo logo abaixo dessa.

Na div topo inseri um topo desenvolvido em flash que na sua extremidade inferior possui um menu dropdown...

O problema eh q para esse menu aparecer eu tenho q aumentar a área do arquivo swf e aumentando a área, fica um espaço em branco entre a barra das opções permanentes e o conteudo da div.. eu queria que a div encostasse na barra das opções permanentes e quando eu colocasse o mouse sobre uma delas, o meu dropdown em flash abrisse sobre o conteudo...

tentei usando Z-INDEX porem não consegui!

na verdade eu consegui, mas funciona apenas no IE7 em diante!

existe como fazer isso ou terei que apelar pra outro tipo de desenvolvimento?

Agradeço desde já!

seguem os códigos das divs e da folha de estilos

<div id="tudo">
 <div id="corpo">
 <div id="topo">
 <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="771" height="275">
 <param name="movie" value="images/topo_menu.swf" />
 <param name="quality" value="high" />
 <param name="wmode" value="transparent" />
 <param name="swfversion" value="6.0.65.0" />
 <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
 <param name="expressinstall" value="Scripts/expressInstall.swf" />
 <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
 <!--[if !IE]>-->
 <object type="application/x-shockwave-flash" data="images/topo_menu.swf" width="771" height="275">
 <!--<![endif]-->
 <param name="quality" value="high" />
 <param name="wmode" value="transparent" />
 <param name="swfversion" value="6.0.65.0" />
 <param name="expressinstall" value="Scripts/expressInstall.swf" />
 <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
 <div>
 <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
 <p><a href="[http://www.adobe.com/go/getflashplayer">

FOLHA DE ESTILOS

@charset "utf-8";
body {

	margin:0;
	padding:0;
	text-align:center;
	background:#9b2725 url(images/bg.jpg) no-repeat;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}
#tudo {
	margin:0 auto;
	width:771px;
	height:603px;
	position:relative; /*Contexto de posicionamento */
	text-align:left;
	background:#FFF;
	z-index:1;
}

#corpo{ padding-bottom:95px; z-index:1;}

#topo{
	position:relative;
	width:771px;
	height:192px;
	margin:0;
	z-index:2;
}
#centro{
	width:771px;
	position:relative;
	z-index:1;
}
#menu{
	width:173px;
	height:313px;
	padding:9px 25px 0 25px;
	float:left;
	z-index:1;
	background:#3F0;
}
#conteudo{
	width:548px;
	float:right;
	z-index:1;
}

.clear {clear:both;}

#rodape {
	width:741px;
	height:68px;
	padding:17px 10px 0 20px;
	position: absolute;
	bottom: 0; /**/
	background:url(images/rodape_margin.jpg) top no-repeat;
	text-align:left;
	z-index:1;
}

/applications/core/interface/imageproxy/imageproxy.php?img=http://img20.imageshack.us/img20/967/69089927.jpg&key=b6cf052ae315e40335d486106df1839916307704105ba5add2b37849844cbec9" alt="Imagem Postada" />

/applications/core/interface/imageproxy/imageproxy.php?img=http://img20.imageshack.us/img20/3238/66781610.jpg&key=cb4944b531c15edc342dad6e81cc2d664f1d654d1573947c2134c9071c6efc26" alt="Imagem Postada" />

devia ter editado no começo.. dpois não achei mais o editar! =\