IE7 : hasLayout + position : relative + filter = 오버플로 : 숨김

Question

시나리오 : IE7에서 ... 그라데이션이있는 Div 및 호버링 메뉴.

꽤 기본적인 것 같지만 그 위치를 던지고 있습니다. 컨테이너에서의 상대적인 관계이므로 필터/hasLayout 조합과의 메뉴 충돌을 정확하게 위치시킬 수 있습니다.

예 : http://jsfiddle.net/WgZhH/2/

누구나 우아한 CSS의 솔루션을? 충돌하는 스타일을 분리하기 위해 다른 컨테이너에 요소를 중첩시킬 수는 있지만 순수한 CSS 솔루션을 위해 손가락을 교차 시켰습니다.

감사합니다.

Answer 1

다른 래퍼를 추가하는 것은 어떻습니까?
Like http://jsfiddle.net/abTmp/

IE7 (VM에서) 테스트를 거쳤습니다.