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

Question

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

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

Проблема в том, что контент, который намного больше, чем 725 пикселей и ровно 495 пикселей (очень похоже на горизонтальную прокрутку), не скрывается в 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 к элементу, на который вы устанавливаете переполнение.