Hola a todos, tengo el siguiente problemilla. En mi página web tengo 2 div, en el primero cargo una películas Flash y en el segundo otra página en .Net Yo quiero que mi segundo div se muestre por encima del primero, así que he puesto el siguiente código:

Código HTML :

<div style="z-index:0;"> 
   <object id='FLASH' 
              classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
              codebase="http://download.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" 
              width="1024px" 
              height="706px"> 
              <param name="AllowScriptAccess" value="always"/> 
              <param name="src" value="myFlashMovie.swf"/> 
              <embed name="MyMovie" 
                    pluginspage="http://www.adobe.com/go/getflashplayer" 
                    src="myFlashMovie.swf" 
                    width="1024px" 
                    height="706px" 
                    allowscriptaccess="always"/> 
   </object> 
</div> 
    
<div style="height:66px;width:200px;position:absolute;top:11%;left:70%;display:block;z-index:1;"> 
   <embed src="http://www.myDomain.com/myPage.aspx" id="myAspNetPage" type="myAspNetPage" height="100%" width="100%"> 
   </embed> 
</div>

Pero no consigo que el segundo div se muestre por encima del primero, incluso he cambiado el z-index de ambos por si lo estaba poniendo mal y sigue mostrandome en primer plano el div que contiene el Flash y no el que contiene mi página en .Net

Alguien sabe como puedo solucionarlo? es mi opción válida? hay una forma mejor de hacerlo?

Muchas gracias por su tiempo