IE7 div (внутри контейнера) пробел и проблема с ошибками

Question

У меня проблема с тем, что IE7 просто не будет правильно отображать мой DIV. Firefox 3, Safari, Opera, Chrome, IE8 и даже IE6 (с некоторой помощью JS) отображают страницу нормально, но по какой-то причине, вIE7 нижний колонтитул кажется ... вне контейнера.На приведенном ниже снимке экрана четко виден разрыв между нижним колонтитулом и элементом #content.Существует также некоторое смещение от # информационного div вниз.

Ссылка на действующий сайт: http://chronologic.ath.cx.

Я могу почти гарантировать, что проблема вызвана моим полным отсутствием понимания CSS, поэтомуЯ извиняюсь за грязную раздутую разметку.

Answer 1

Просто бросил быстрый взгляд, но вы можете переосмыслить применение height: 100% к контейнеру div #.Старые версии IE часто ведут себя не так, как ожидалось, и принимают 100% для обозначения ширины или высоты страницы, а не контейнера, в котором она находится. Хотя я не могу проверить это без дальнейшего изучения.

Answer 2

Это похоже на проблему очистки поплавков , потому что оба элемента внутри #footer являются плавающими. Попробуйте добавить #footer { overflow:hidden; }.

Answer 3

overflow:hidden clear:both и убедитесь, что вы сбросили свой HTML с html { padding: 0; margin: 0;}, должны исправить это