IE7 CSS Scrolling Div 버그

Question

최근 IE7에서 버그를 발견했습니다.이 사이트를 방문 할 때 6 개월이 지나면 똑같은 것을 알아낼 수있을 것입니다. , IE7에서

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

:

나는 (그것을 "쿼크 모드"/ 노 문서 타입에 제대로 작동)이 버그를 재현하는 가장 쉬운 방법은 선언 DOCTYPE이있는 페이지에 다음 HTML이 될 것입니다 생각 바깥 쪽 div는 고정 크기이고 안쪽 div는 상대적으로 위치하며 더 많은 내용을 포함합니다 (안쪽 div가 오버플로를 일으킨다 고 가정). 다른 모든 브라우저에서는 예상대로 작동하는 것 같습니다.

스크린 샷 :

Answer 1

가장 쉬운 수정은 외부 DIV에 position: relative;를 추가하는 것입니다. 이렇게하면 IE7이 의도 한대로 작동합니다.

(참조 : http://rowanw.com/bugs/overflow_relative.htm).

편집 :Cache version of the broken link on waybackmachine.org