Help placing logo/header image

[apattee 0]

So hopefully someone can help me with this. I'm trying to position the logo/header image in such a way where it overlaps the nav bar. Below is a link with an image on what I'm trying to accomplish. I got close moving it around with margin's, but then the menu bar links aren't clickable. The image also is automatically being shrunk so I can't figure out how to get it all the way to the edge. Hopefully someone can figure this out. Thanks. www.supportleport.com/wp-includes/images/support.jpg Here is the code where I was getting close:

#branding .mainlogo-link, #branding .mainlogo-img {
	  display:block;
	  margin-bottom:-71px;
	  margin-left:-13px;
	  margin-top:-25px;
	  max-width:100%;
	  width:960px;
	}

[catrina 103]

You can try add this attribute to your existing code: [code]z-index: 2;[/code]

[apattee 0]

Okay I added the code to the site (including the z-index) but that doesn't do much. You'll see that the image is supposed to be the take up the whole canvas - or page. And of course, the menu can't be clicked right now.

[catrina 103]

If the image is overlapping the menu, the menu links aren't accessible. Does the film strip image have a transparent background?

[apattee 0]

Yes it does, it is a PNG file with a transparent background. I think the fact that I am using such drastic margins that it's messing it up. Is there a different way of moving the image down and then using z-index to put the menu links on top of everything? Thanks for helping with this.