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

Question

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

У меня есть div с фиксированной шириной и высотой и переполнением, установленным для прокрутки. Он работает в IE7/8, FF, Chrome и так далее. The div is invisible. Он не появляется. Это как если бы я помещал display: none на нем.

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

Обычно я могу сделать свой путь через проблемы, подобные этому, но я не могу найти кого-либо, когда-либо получавшего эту ошибку раньше. This is irrelevant, this looked promising, но не помогло.

Вот структура ДИВ:

<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; 

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