HELP! Weird CSS Issue with Safari and Chrome Browsers

[limelites]

I just noticed that the main content areas of my site are pushed off to the right in Opera and Chrome web browsers by some 150px or so. This only happens in the aforementioned borwsers, IE6, 7 and 8 plus Firefox and Safari are all displaying perfectly. Anyone have any idea what's causing this:

[limelites]

Sorry, got the above muddled a bit. Safari and Chrome are not displaying right, whereas all other browsers are fine including Opera.

[CJPinder]

Looks fine to me in Google Chrome 4.0.220.1 under Windows. Maybe a bug in earlier versions of Chrome? I haven't got Safari to hand to test in that.

Regards,
Christian.

[limelites]

That's odd. I just did a Google Chrome, "About" and it says I have version 3.0.195.24 and that it's up to date?

Where do I get version 4.0.220.1

[limelites]

You're right. I installed the Chrome 4.0.220.1 Beta and it seems to cure the Chrome issue.

I just installing the latest Safari (4.0.3) but unfortunately Safair is still screwed up.

Any Safari experts care to look at my CSS and see what on earth is causing the strange 150px on all my site pages?

[limelites]

Fixed! Turns out I needed a float:left; in my #contentMainWrapper

[tony_sar]

Fixed! Turns out I needed a float:left; in my #contentMainWrapper

That also fixed it in earlier chrome version

[limelites]

Thanks Tony, one less I need to check now then.

[limelites]

Tony, just noticed something weird. A strange one. The float:left; in my contentMainWrapper seems to puch some of the contents in my footer up to the top of the page in Firefox and IE.

Perhaps you could shed some of your expert CSS on this one? It has me baffled.

[niccol]

Can't see this in firefox but sounds like you need a clear:both applied to the footer.