IE7의 CSS 메뉴와 관련된 이상한 가시성 문제

Question

모든 최신 브라우저에서 훌륭하게 작동하지만 IE7에는 이상한 버그가있는 CSS 전용 메뉴 (예 : JS가 없음)가 있습니다. IE6에서는 전혀 작동하지 않지만 여기서 다루지 않아도됩니다. 문제는 다음과 같습니다.

메뉴 옵션 탭 위로 마우스를 가져 가면 드롭 다운이 나타납니다. 이 옵션을 선택 해제하면 드롭 다운이 사라지고 IE7에서만 탭이 사라집니다! 나를 잡아주는 비트는 이것입니다. 다시 위에 마우스를 올리거나 다른 탭 위에 마우스를 올리면 탭이 다시 나타납니다. 어떻게이게 가능하니?! 원래 요소를 agin으로 표시하는 다른 요소 위로 마우스를 이동하면 ?? 성가신 일은이 웹 사이트의 마지막 화신에서 일했고, 어떻게 든 새로운 디자인에서, 그것은 깨졌습니다. 나는 비교를 시도하고 그것이 무엇인지 알아낼 수 없다. http://jsfiddle.net/pXZLJ/1/

가 여기에 하나의 작업 이전의 하나 : 문제를 볼 수 IE7에서 http://jsfiddle.net/43utK/

보기이

다음은 현재 깨진 버전의 바이올린입니다. 도움? 고마워 :)

Answer 1

당신의 CSS 에서이 라인을 삭제하십시오보십시오 : .nrmenu * {position:relative}. 그것은 것들을 해결하는 것 같습니다.

EDIT : sarcastyx가 지적했듯이, 드롭 다운 메뉴에 영향을 미치는 것 같습니다. 따라서 position:relative을 .nrmenu li에 추가하면 드롭 다운 메뉴가 다시 나타납니다.