Gif/png overlay on a swf

I have a swf running in the back of a website and have a gif overlay that I want to appear over the top of it.

I have tried

#container{
background:url(pics/overlay.gif) repeat;
position:absolute;
top:0;
left:0;
z-index:2500000;
}

and no luck my html is

<div class=“container”>

<!-- background start –>
<div id=“background”>

&lt;script type="text/javascript"&gt;
	var so = new SWFObject("background.swf", "background", "100%", "100%", "8", "#000000");
	so.addVariable("flv", "beach2.flv");
	so.addParam("wmode", "transparent");
	so.write("background");
&lt;/script&gt;

&lt;/div&gt;

</div>

css for the background is:

#background {
width: 100%;
height: 100%;
font-size: 0px;
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
text-align: center;
}

#background img {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;

}

Thanks for any help

Adam :slight_smile:

It’s hard to see what’s going on here from the limited code. Any chance you have a live link?