Неправильная деформация поплавка в IE7

Question

вот тестовая страница , которая выглядит по-разному в IE7, а в Firefox и Opera - нормально.
Похоже, что FF & Oprah соответствуют

.twoColLiqRtHdr #mainContent {
     margin: 0 20px 0 10px;
}

правое поле и соответственно разместить текст (текст заполняет пространство под боковой панелью), в то время как IE использует левую границу # sidebar в качестве поля и, как следствие, это пространство не используется.
Редактировать: вот что все это описано на красивой картинке: ссылка .
Пожалуйста, помогите мне исправить это.

Answer 1

Удалить zoom: 1 из #mainContent.

Я знаю, что вы добавили это, прежде всего, для обхода ошибок IE, но вам нужно будет найти другой способ сделать это, если вы также хотите, чтобы основной контент обернулся вокруг поплавка. Возможно, вы сможете добавить его, чтобы выделить элементы внутри основного контента.

См. Параграф « Элементы рядом с плавающими элементами » в известной статье « О наличии макета ».

Answer 2

Вы пытались настроить поле #sidebar1 на 0, особенно внизу? Или плавающий слева, а не справа? Понимаете, я не разбираюсь в CSS-хакерстве для IE, но, вероятно, это позволит вам увидеть, откуда исходит ошибка. Вероятно, используйте мой самый любимый css-хак, когда дело доходит до IE7, иногда это удивляет меня:

* html div {
 margin: 0;
 padding: 0;
}