[solved]trouble overlaying banner module over header

[nat601]

Hi,

Having real trouble getting my banner module to float above the header. Here's how it's set up at the moment. here is the css:

Code: Select all

#frontphoto {
margin: 0 0 0px 0;
border: 0;
z-index: 1000;
}

#hbanner{
width: 478px;
height: 75px;
border: 0;
margin: 0 10px 10px 0;
z-index: 1;
float: right;
}

And here is the snippet of html:

Code: Select all

<img id ="frontphoto" src="uploads/andreas01/front.jpg"  alt="" />
<div id="hbanner">{cms_module module='Banners' category="releases"}</div>

As you can see the banner sits underneath the frontphoto div. I have tried allsorts, z-indexs, changing the html so that the hbanner div is inside the frontphoto div

I's sure it is an elementry problem but it is really baking my noodle 

Thanks in advance