Position of #Inner In Chrome

[nikcree]

I can't work out how to fix a positioning problem with #inner which doesn't display correctly in Mac Version 10.8.2 Google Chrome Version 22.0.1229.79. The #inner is pushed down by about 212px. But in Firefox and Safari (all latest versions) it displays correctly.

In Chrome: http://www.diigo.com/item/image/2ow5n/8mqb
In Firefox: http://www.diigo.com/item/image/2ow5n/2eom
Website Link: http://www.leadershipqld.com.au/

Can anyone help?

[NicktheGeek]

did you find teh problem? It is showing correctly for me.

[nikcree]

Hi Nick

No, it is not resolved yet. It displays OK in Mac Safari, Firefox but not in Mac Chrome. MAny thanks

Nik

[NicktheGeek]

ok I see wha tI did, I opened Firefox not Chrome.

Ok, try this. Set the margin to 0 here

#slider-wrap {
background: none repeat scroll 0 0 #EEE;
margin: 0 0 -170px;
padding: 0;
position: relative;
z-index: -100;
}

Now make these tow changes (in blue) here

#pagewrap {
background: url('images/shadow.png') no-repeat scroll center 0 transparent;
padding: 0;
position: relative;
clear: both;
top: -170px;
}

[nikcree]

Perfect - much appreciated. Thanks for your help.

[NicktheGeek]

You're welcome.

Since this is resolved I'm going to close this thread.