IE - Weird Spacing

[alexjewell]

I have a website I'm designing for a client. There's some funky stuff going on with spacing in IE if the browser window reaches 1024px wide or less (thereabouts) - the content drops down and I can't figure out a way to fix it. Normally, I would blame floating, but neither #content or #page are floated. The only thing that IS floated is nav, which is floated left of #page.

You can view the website here: http://alexjewell.com/clients/klineman/index.php
And the CSS is here: http://alexjewell.com/clients/klineman/main.css

Any help would be appreciated.

[deathbycheese]

Works fine in IE8 and IE9. It's not until IE7 that your problem begins.
You'll need a hack for the old IEs if you want to support them (which I cannot help with)

dbc

[alexjewell]

I looked at it in IE9 and it looks good until a certain size, at which point the content drops. I do know it looks terrible in IE7 - the images seem pixelated, the bottom doesn't line up, there are lines in places there shouldn't be. It'd be helpful if anyone knew hacks to fix this list of problems? :/