Почему IE6 и IE7 не полностью показывают этот div?

Question

У меня проблемы в IE6 и 7 с div, который не завершает нижний заполнитель, который ему приписан, поэтому, кажется, не завершает div до белой области содержимого, как требуется

Вот закодированная домашняя страница с проблемой.

http://qwibbledesigns.co.uk/preview/Softwear/

Див-хаус это содержание: Услуги: Дизайн, Xhtml, Css, Flash Клиент: Рассылка Entrepeneur

Я попытался отобразить все варианты, очистить div и так далее. Я не могу сделать головы или хвосты этого. Кто-нибудь знает, что я могу сделать, чтобы это исправить?

Любые ответы приветствуются = S

Answer 1

Попробуйте добавить «переполнение: авто; масштаб: 1;»в CSS.Кажется, это исправляет большинство ошибок в макете IE.

Answer 2

Это одна из hasLayout ошибок.Фон не переходит должным образом вниз, когда элемент отображается inline.Вот cite вышеупомянутого сайта:

Для встроенных элементов (либо встроенных по умолчанию, например span, либо имеющих display: inline)

• width и height запускают hasLayout в IE 5.x и IE 6 или новее только в режиме причуд.Начиная с IE6, когда браузер находится в «режиме соответствия стандартам», встроенные элементы будут игнорировать свойства width и height, а установка свойств width и height не приведет к тому, что элемент будет иметь макет.

• zoom всегда вызывает hasLayout, но он не поддерживается в IE5.0.

Как тип документа вашей страницы - режим строгий (соответствие стандартам), ваш единственный выход - придать рассматриваемому элементу (#quickinfo) стиль zoom, за исключением очевидного исправления, отображающего его какэлемент block (который по умолчанию для элемента <div>).

#quickinfo {
    zoom: 1;
}