IE7 CSS 플라이 아웃 메뉴 기발함

Question

기존 사이트에 대한 플라이 아웃 메뉴를 디자인하라는 메시지가 표시되어 IE7을 제외한 모든 브라우저에서 모양이 잘 돌아가며 올바르게 동작합니다. 어떤 이유로 IE7의 다른 버전은 다르게 동작합니다. 저는 지난 이틀간 IE v7.0.5730.11으로 테스트 한 결과 지난 2 일 동안이 메뉴와 잘 맞았지만 이상한 행동을 보여줍니다. 다른 부 버전의 IE7 사용자는 위치 지정 및 렌더링과 관련하여 일관성없는 문제를보고합니다.

이 사이트에서 불쾌감을주는 CSS/HTML을 발견하는 데 도움을 줄 수 있습니까?

Answer 1

나는 내 자신의 질문에 답할 것입니다.

ul#mainmenu li ul li, 
ul#mainmenu li ul li span { 
    display: block; 
    max-width: 100%; 
} 

것은이주고 : 나는 메뉴가 직면 한 가장 큰 문제는 <li> 요소 this site의 도움으로, 그래서 내가 사용했다, IE7에서 레이아웃 (hasLayout을 = 거짓)를 가지고 있지 않았다이었다 항목 레이아웃. 이로 인해 목록 항목 사이에 1px 간격이 생겼습니다. 마우스이 1 픽셀의 간격을 통해 공중 선회 할 때, 메뉴 퀘스 트 로그에서 사라질 것이다, 그래서 나는 다음과 같은 CSS를 사용하여 해당 고정 :

ul#mainmenu li ul li { 
    margin-bottom: -1px; 
} 

희망이 누군가를하는 데 도움이됩니다.