Set Flash swf as background in HTML

Get Started
1

I need my top flash animation to set as background, i then want my navigation buttons in html to sit in front of the flash.

I have already tried using css ith the z-index.

Does anyone have any code which will let me do it?

2

Flash behind HTML

Wmode Woes

However…you might as well just not do it.

3

thanks, that helps, but for some reason there is a big gap above my flah swf at the top of the page.

i want the flash to go right to the top of the page

???

4

this is the code i have, see it leaves a big gap above the flash swf.

<body>

<div style=“position:relative; font-size:30px; z-index:5;”>LAYER 5</div>
<div style=“position:relative; font-size:30px; z-index:2”>LAYER 2 before flash</div>
<div style=“position:absolute; top:0; left:0; font-size:120px; z-index:2;”>
<object classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000” codebase=“http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0” width=“100%” height=“252” id=“recursion_tree_branch” valign=“top”>
<param name=“allowScriptAccess” value=“sameDomain” />
<param name=“wmode” value=“opaque” />
<param name=“movie” value=“images/flashbanner.swf” />
<param name=“quality” value=“high” />
<param name=“bgcolor” value=“#e7e7e7” />
<embed src=“images/flashbanner.swf” mce_src=“images/flashbanner.swf” wmode=“opaque” quality=“high” bgcolor=“#e7e7e7” width=“900” height=“252” name=“yourmovie” align=“middle” allowScriptAccess=“sameDomain” type=“application/x-shockwave-flash” pluginspage=“http://www.macromedia.com/go/getflashplayer” />
</object>
</div>
<div style=“position:relative; font-size:30px; z-index:4”>LAYER 4</div>
<div style=“position:relative; font-size:30px; z-index:2”>LAYER 2 after flash</div>
<div style=“font-size:30px; z-index:1”>LAYER 1</div>

</body>

5