IE7 CSS 스크롤링 Div 버그

나는 최근에 내가 공유 할 것이라고 생각한 IE7 전용 버그를 발견 했으므로 6 개월 후에이 사이트를 방문하여 같은 것을 알아 내면 손에 쥐게됩니다.

이 버그를 재현하는 가장 쉬운 방법은 선언 된 doctype이있는 페이지에서 다음 html 일 것입니다 ( "쿼크 모드"/ no-doctype에서 올바르게 작동 함).

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

IE7에서 외부 div는 고정 크기이며 내부 div는 상대적으로 배치되어 더 많은 콘텐츠를 포함합니다 (내부 div가 오버플로를 유발한다고 가정). 다른 모든 브라우저에서는 예상대로 작동하는 것 같습니다.

스크린 샷 :