Why is Chrome breaking this layout?

See http://www.arthwine.co.uk.

This used to work fine in Chrome and works f开发者_运维技巧ine in all other browsers (afaik). Now, for some reason, Chrome is hiding most of the left column (apart from the bear). If you look on a different browser, there is a panel with the branding and a menu in it under the bear.

I can't figure out at all why it's doing this. Any ideas?

The reason it breaks is because of the bear. Or rather, it is because of the way you relatively positions the image of the bear outside the bounds of every single one of it's parent elements except the body.

This makes chromes rendering engine choke on your layout somehow.

You can test this very easily by just deleting the image of the bear from the source code, and see how everything else suddenly pops into place.

I checked it in Chrome 9.0.597.98 and I had the same problem. The solution that I found, is to add position:absolute; for the #header.

I don't see anything wrong in Chrome. I see the menu and the branding.