SWF over an IFRAME, Z-INDEX?

Hi everyone and congrats for this useful and nice site!

I’m working on a site with a flash menu over an iframe, my HTML looks like this:


<html>
	<head>
		<style type="text/css">
			body{
				margin:0px;
			}
			iframe.x{
				position:absolute;
				left:200px;
				top:10px;
				width:400px;
				height:300px;
			}
			embed.x{
				position:absolute;
				left:200px;
				top:20px;
				width:400px;
				height:400px;
				z-index:2
			}
		</style>
	</head>
	<body>
		<iframe class="x" src="myIFRAMEcontent.html" frameborder="0" scrolling="no" noresize></iframe>
		<embed class="x" src="mySWF.swf" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
	</body>
</html>

and you can see it here:

http://freewebs.com/comaexperimental/iframe

It seems to work in IE 6 but has a weird behavior in FireFox 1.0.5 so… HOW CAN I ARCHIVE MY GOAL?

thaks.