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

background:url(pics/overlay.gif) repeat;

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");



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?