오버 플로우가있는 CSS CSS 메뉴가 충돌합니다 : 숨김?

Question

친구를 위해 개발중인 사이트에 몇 가지 문제가 있습니다. 난 premade CSS 전용 수직 메뉴를 사용 해왔다.

높이 확장 가능 div를 최근에 추가 할 때까지이 작업이 정상적으로 수행되었습니다 (http://matthewjamestaylor.com/blog/equal-height-columns-2-column.htm).

메뉴는 여전히 작동하지만 어쨌든 콘텐츠 div 아래에 확장됩니다. 나는 이것이 오버 플로우 값과 관련이 있다고 생각하지만 어떤 해결책을 찾을 수 없었습니다. 언급 할만한 가치는 메뉴가 IE8에서는 잘 작동하지만 Firefox 나 Safari에서는 제대로 작동하지 않는다는 것입니다. CSS는 다소 광범위하기 때문에 샘플 코드 대신 링크를 추가하고 있습니다. 괜찮습니다.

미리 감사드립니다. :)

사이트는 http://dev.velkos.no/exigo입니다. 사이트 및 메뉴에 대한 CSS는/CSS (Stackoverflow에 내 초보자 상태로 인해 더 이상 링크를 게시 할 수 없음)를 추가하면 찾을 수 있습니다.

Answer 1

시도 # 2 :

Firefox, Chrome, IE8에서 테스트되었습니다.

• 이전 시도를 제거하십시오. .container2에서 제거 : position: relative/z-index: -1
• #menuh-container에 position: relative 및 z-index: 501 (#menuh ul ul에 z-index 값보다 1을 더함)을 추가하십시오.

Firefox/Chrome은 수정되지만 IE는 중단됩니다.

이제 IE를 해결하기 위해

..

내가이 일을 찾을 수있는 유일한 방법은 #menuh-container에서 filter 규칙을 제거하는 것이었다. 문자 그대로, filter을 제거하면 그것을 다시 추가하고, 그것을 다시 추가합니다.

나는 filter 규칙이 없으면 귀하의 사이트가 여전히 IE8에서 허용 될 것으로 기대하고 있습니다.

그것은 IE7에서 다음과 같습니다

---

:

Answer 2

position: relative 및 z-index: -1에서 .container2까지는 Firefox/Chrome에서 수정되며 IE8에서는 변경되지 않습니다.

댓글이 제대로 표시되지 않습니다.