IE7이 제 메뉴를 깨고 있습니다.

Question

저는 CSS로 꽤 좋지만 IE7에서 내 메뉴가 왜 파괴되는지 알 수 없습니다. 테스트 한 다른 모든 브라우저에서 완벽하게 보입니다. 첫 번째 이미지 링크가 정확합니다. 두 번째 이미지 링크는 IE7에서 어떻게 보이는지 보여줍니다.

http://www.asingularcreation.com/Forums/download/file.php?id=8368&mode=view/ie8+.jpg http://www.asingularcreation.com/Forums/download/file.php?id=8367 모드 = &보기/ie7.jpg 여기

페이지는 다음 http://www.asingularcreation.com/calls-to-artists.php. 어떤 도움이라도 대단히 감사하겠습니다.

Answer 1

메뉴 컨테이너를 떠 다니거나 지울 필요가 없습니다. IE7에서 너비가 잘못 계산되어 하위 메뉴 아래로 메뉴가 흐르도록 만듭니다.

<div style="height:40px; line-height:40px; float:left; clear:both"><!--Main Menu --></div> 

float 및 clear 속성을 제거하면 IE7에서 디스플레이가 고정되며 Chrome 및 IE8 및 IE9에서도 여전히 작동합니다.

예제 페이지에는 많은 인라인 스타일이 있으므로 가능하다면 CSS를 외부 파일로 옮겨 봅니다.