Проблема переполнения CSS в IE6 - элемент не отображается / не отображается

Question

Единственное, что хуже, чем проблема CSS в IE6, это проблема CSS в IE6, которая отличается от всех остальных.

У меня есть div с фиксированной шириной и высотой, а переполнение установлено для прокрутки. Работает найти в IE7 / 8, FF, Chrome, и так далее. Див невидим . Он не отображается. Это как если бы я включил дисплей: нет на нем.

Если я уберу переполнение - оно появится. Положите его обратно - исчезает.

Обычно я могу найти способ справиться с подобными проблемами, но я не могу найти никого, кто бы мог получить эту ошибку раньше. Это не имеет значения , это выглядело многообещающе , но не помогло.

Вот структура div:

<div style="width: 640px; position: absolute; z-index: 100001; left: 312px; top: 59.5px;min-height:0;">
    <div style="width: 100%; min-height:0px" >
=>      <div style="height: 450px; overflow-y: scroll; overflow-x: hidden; padding-right: 17px; min-height:0px;">
            <div style="min-height:0px;">
                <div style="min-height:0px;">
                    <table style="width:100%;border-collapse:collapse;">
                    //lots of rows
                    </table>
                    <input type="hidden" />
                </div>
                <input type="hidden" /><input type="hidden" />
            </div>
        </div>
        <div class="cColHeaderBG" style="text-align: right;"> //Shows up fine
            <input type="button" />
            <button>Save</button>  
        </div>
    </div>
</div>

Я знаю, что это волосато, во многом именно так ASP.Net AJAX отображает всплывающую панель.

Answer 1

Решение было изменить

<div style="height: 450px; overflow-y: scroll; 

до

<div style="height: 450px !important; overflow-y: scroll; 

Я не знаю, почему это сработало (не было применено других правил стиля), но это сработало. Надеюсь, это поможет кому-то еще.