Problemas en html css y swf

[PxuL]

Buenas Tardes quisiera que me pudieran ayudar en esta duda que tengo lo que pasa es que tengo un menu que tiene un sub menu y tengo un swf abajo del menu y lo que pasa es que el swf tapa mi sub menu y no se muestra nose si me podrian ayudar voy a dejar el codigo del swf subido y del menu.
pero el error aun me sigue apareciendo voy a subir una imagen con el error que tengo lo que pasa es que en firefox se ve normal pero en ie y google chrome los sub menus no se ven el swf se antepone y el submenu se manda atras.


CODIGO HTML DEL SWF:

Código HTML:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="900" height="181">
    <param name="movie" value="imagenes/bannerbrycsac.swf">
    <param name="quality" value="high">
    <embed src="imagenes/bannerbrycsac.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="900" height="181"></embed>
    <param name="wmode" value="transparent">
  </object> 

CODIGO HTML DEL MENU Y SUB MENU:

Código HTML:

<ul class="sf-menu">
                        <li><a href="inicio.html" class="current"><strong>inicio</strong></a></li>
                      <li><a href="quienessomos.html" class="Estilo4">Quienes Somos</a> </li>
                      <li><a href="#"><strong>productos y servicios</strong></a>
                      <ul>
                          <li><a href="#">Productos</a></li>
                          <li><a href="index-2.html">Servicios</a></li>                           
                        </ul>
                      </li>
                      <li><a href="clientes.html"><strong>Principales clientes</strong></a></li>
                      <li><a href="index-4.html"><strong>INFRAESTRUCTURA</strong></a></li>
                      <li><a href="#"><strong>galerÍa</strong></a>
                        <ul>
                          <li><a href="galeria.html">Fotos</a></li>
                          <li><a href="#">Videos</a></li>                           
                        </ul>
                      </li>
                      <li><a href="index-6.html"><strong>contactANOS</strong></a></li>
                    </ul> 

CODIGO CSS:

Código:

.sf-menu {margin:0; padding:0;  list-style: none; z-index:20; position:relative } 
.sf-menu li{ margin:0; display:inline; position:relative; float:left}
.sf-menu li a{color:#006600; text-decoration:none; display:block; float:left; line-height:35px; font-size:10px; text-transform:uppercase; width:145px; text-align:center; background:#e7e7e7} 
.sf-menu li a:hover {color:#1a1a1a;  text-decoration:none; background:#ffffff }
.sf-menu li a.current{ color:#fff; text-decoration:none; background:url(../imagenes/bg_menu.gif)}
 
.sf-menu ul { position:absolute; top:-999em; width:10em; line-height:1.0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:35px; z-index:99;}
 
.sf-menu ul {   width:145px; background:url(../imagenes/bg_menu.gif); padding:10px 0px 10px 0px }
.sf-menu ul li {  text-align:left; line-height:25px; padding:0;  z-index:9; position:relative; float:left       }
.sf-menu ul li a {text-transform:none; line-height:25px; text-align: center; width:145px; font-size:12px; text-transform:none;  color:#fff; text-transform:uppercase; z-index:9;background:url(../imagenes/bg_menu.gif) }
.sf-menu ul li a:hover { color:#171717; background:#e7e7e7}
 
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0;}
                
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:200px; top:0; margin-left:1px;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; top:0;}