Ошибка прокрутки Div CSS в IE7

Question

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

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

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

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

Скриншот:

Answer 1

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

(Видеть: http://rowanw.com/bugs/overflow_relative.htm).

РЕДАКТИРОВАТЬ: Кэшируйте версию неработающей ссылки на waybackmachine.org.