I'm trying to overlap an absolute positioned div box in front of a flash object. I applied wmode="opaque" It works for firefox but not for IE8.
<style type="text/css">
#absolute{background-color:blue; height:100px; width:100px;
position:absolute; top:30px;}
</style>
<body>
<div id="absolute"></div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="100" height="100">
<param name="movie" value="test.swf" [B]name="wmode" value="opaque"[/B]>
<param name="quality" value="high"[B][B] name="wmode" [/B]value="opaque">[/B]
<embed src="test.swf" quality="high" [B]wmode="opaque"[/B] pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="100"></embed>
</object>
</body>
Please help me! This is a crucial piece of my CSS puzzle.