IE7 CSS Прокрутка Div Bug

Question

Недавно я столкнулся с ошибкой IE7, которую, как я думал, поделился бы, когда я приеду на этот сайт через 6 месяцев, чтобы выяснить то же самое, я буду иметь его под рукой.

Я считаю, что самый простой способ, чтобы воссоздать эту ошибку будет следующий HTML на странице с объявленной DOCTYPE (он правильно работает в «режиме совместимости»/нет типа документа):

<div style="overflow: auto; height: 150px;"> 
    <div style="position: relative;">[...]</div> 
</div> 

В IE7, внешний div является фиксированным размером, а внутренний div относительно расположен и содержит больше содержимого (при условии, что внутренний div вызывает переполнение). Во всех других браузерах это работает так, как ожидалось.

Скриншот:

Answer 1

Самое простое решение было бы добавить position: relative; к наружному дел. Это сделает IE7 работать по назначению.

(См .: http://rowanw.com/bugs/overflow_relative.htm).

EDIT:Cache version of the broken link on waybackmachine.org