Chrome and Safari z-index problems

I'm trying to fix a website that uses a LOT of z-index to position the various elements on the page and as such has some problems with Chrome and Safari.

The problem is that the navigation buttons are not clickable in Chrome and Safari, due to (I think) the wrap being 'on top' of the div the buttons are in, despite the z-index of the wrap being set to -1 and the z-index of the navigation bar being set to 12.

Does anyone know a fix for these problems?

Sorry, we can't guess your code. Can we have a link?

Sorry, we can't guess your code. Can we have a link?

I knew you'd ask that!

Can I stress that I didn't build this site, I'm just trying to fix it.

The buttons in question are on the right hand side, with the green backgrounds.

#wrap {
background-color:#FFFFFF;
border:2px solid #4A6051;
left:0;
position:absolute;
top:10px;
width:840px;
z-index:-1;
} Is there any specific reason to use a negative z-index on the main container? I don't see any reason to use the z-index property as there's no "layered" elements in your page. What happens if you drop all z-indexes?