Проблема с фоновым изображением в IE6 / отступы / пробелы

Question

В настоящее время я разрабатываю страницу с нижним колонтитулом, разделенным на два элемента.Верхний элемент div отображает фоновое изображение, чтобы отделить его от главной страницы, а второй элемент div содержит фактическое содержимое нижнего колонтитула.

Во всех браузерах это выглядит следующим образом:

... кроме IE6, где это выглядит так:

Я предполагаю, что это проблема с полем / отступом, но я не могу определить, какаяdiv вызывает его (он работает во всех браузерах, кроме IE6!).

Сайт в стадии разработки доступен здесь , если кто-то может определить, откуда берется дополнительное пространство.

Answer 1

В IE6 размер шрифта напрямую влияет на элементы блока. Итак, чтобы исправить это, установите font-size: 0 для #footerTop DIV.

Answer 2

попробуйте удалить все пробелы между тегами.Это уже случалось со мной в IE 6. Поэтому вместо:

<div id="footerTop"></div>

        <div id="footer">

do:

<div id="footerTop"></div><div id="footer">

Answer 3

Во-первых, хороший дизайн!

Во-вторых, вы пытались установить высоту строки равной 0 в верхнем div?Иногда исправляет проблему для меня.