Сделать контейнер переполнить его родителя, не увеличивая родительский в IE 6

Question

Я использовал макет с тремя столбцами в статье A List Apart "В поисках Святого Грааля" для магазина, в котором я работаю, в котором используется Magento.Внутри среднего столбца вверху есть контейнер, который я хотел бы переполнить, чтобы он выходил за пределы среднего столбца и проходил над верхним краем правого столбца.Как показано ниже.

_______________________________
|     |                       |
|     |  Middle/Top           |
|Left |_______________________|
|     |                 |     |
|     |  Middle/Main    |Right|
|_____|_________________|_____|

То, как я это понял, работает нормально во всех современных браузерах, но в IE 6 переполненный раздел Middle / Top заставляет ширину раздела Middle / Main расширяться и содержать его,

Кто-нибудь знает, как это исправить?

Answer 1

Проблема, которую я вижу в IE6, заключается в том, что #sub-content и #sidebar находятся не в том месте, горизонтально. Попробуйте создать минимальный тестовый пример и сравните свою структуру и стиль со структурой и стилем Святого Грааля. Разница лишь в том, что вы поменяли местами левый и правый столбцы (#sidebar должно стоять раньше #sub-content). Исправьте это, чтобы начать.