I’m having an issue where IE7 simply will not display my DIV’s properly..Firefox 3, Safari, Opera, Chrome, IE8 and even IE6 (with some JS help) display the page fine, but for some reason, in IE7 the footer seems to be…outside of the container. You can clearly see a gap between the footer and the #content div in the below screenshot. There is also some misalignment from the #information div down.

The link to the live site is: http://chronologic.ath.cx.
I can almost guarantee the issue is caused by my complete lack of understanding of CSS, so I apologize for the messy bloated markup.
Just took a quick look, but you may want to rethink applying
height: 100%to div#container. Older versions of IE frequently don’t behave as expected and take 100% to mean the width or height of the page, not the container that it is in. I can’t verify this though without further investigation.