Hola a todos, tengo el siguiente código en mi página:
Código:
<div style="z-index:-1;">
<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="mySWF.swf"/>
<embed name="MyMovie"
pluginspage="http://www.adobe.com/go/getflashplayer"
src="mySWF.swf"
width="1024px"
height="706px"
allowscriptaccess="always"/>
</object>
</div>
<div id="myFrame" style="height:80px;width:190px;position:absolute;top:12.2%;left:67.5%;display:block;z-index:1;">
<iframe height="100%" width="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" >
</iframe></div>
El problema es que en Firefox, IE y Chrome se muestra el iframe por encima del flash, como debe ser, pero en Safari el iframe se muestra por debajo, alguien sabe a que se debe? como puedo solucionarlo?
Muchas gracias