ie7 - 상대적으로 위치한 div가 컨테이너에서 스크롤하지 않습니다.

Question

div가 스크롤바로 있습니다. 그 안에는 다양한 요소가 있는데 그 중 하나는 표시 장치와 연결되는 링크입니다 : 블록 및 위치 : 상대적; 이 링크 안에는 기본 위치 지정이있는 img와 그 img 상단에 h3 태그가 표시되며 position은 absolute입니다. DIV를 스크롤하면 다른 것들은 제대로 스크롤되지만 이러한 요소와 내용은 고정되어 있습니다. 이 버그를 해결하는 방법에 대한 아이디어가 있습니까?

다음은 약자입니다. 코드는 다음과 같습니다 :

http://jsfiddle.net/Z987x/

<a class="slider_link" data-ident="herb-garlic-roast-tenderloin" href="http://superfadlabs.com/clients/carapelli/recipes/herb-garlic-roast-tenderloin"> 


    <img class="slider_image" src="http://superfadlabs.com/clients/carapelli/images/sections/recipes/share_carousel_images/tenderloin.jpg" alt="Herb &amp; Garlic Roast Tenderloin" style=" 
    left: 0px; 
    top: 0px; 
    display: block; 
"> 

    <h4>Herb &amp; Garlic Roast Tenderloin</h4> 
</a> 

a.slider_link { 
    width:190px; height:220px; position: relative; display: block; margin-bottom:10px; 
    h4{ .cubano; font-size:1.8em; position: absolute; color: #fff; top:11px; left:14px; line-height: 110%; padding-right:10px; height:40px; overflow: hidden; } 
} 

Answer 1

신속하고 더러운 수정이 overflow:auto; 속성을 컨테이너에 position:relative;를 추가하는 것입니다.

비록 절대/절대 위치에 의존하지 않고 가능한 경우 수레를 사용하도록 레이아웃을 재고하는 것이 좋습니다.

업데이트 jsfiddle : http://jsfiddle.net/Z987x/1/