Переполнение XHTML и IE6: скрытая проблема

Question

Как я могу заставить эту декларацию CSS работать в IE6, пожалуйста?

#mask{width:725px;height:495px;margin:0;border:0;padding:0;overflow:hidden;}

Проблема в том, что контент намного больше, чем 725px и ровно 495px (во многом как горизонтальный).скроллинг) не скрывается в IE6.

Редактировать: 1. Фоновые изображения скрытых div-шоу.2. Я также использую Twin-Helix PNG Fix 2.0 Alpha .

Спасибо.

Answer 1

Это произойдет, потому что у вас есть относительно позиционированные элементы внутри вашего #mask контейнера.

Это связано с ошибкой, из-за которой относительно расположенные дочерние элементы неправильно обрезаются и скрываются для родительского элемента с применением overflow: hidden в Internet Explorer 6 и 7. Та же проблема также существует для overflow: auto и, несомненно, overflow: scroll.

Это можно исправить , также применив position: relative к элементу, для которого вы устанавливаете переполнение .