현대 브라우저에서 드롭 다운 메뉴가 커서를 올리면 높이가 유지되지 않습니다.

Question

IE6에서 좋아하지만 최신 브라우저를 선호하는 데이터베이스 기반 메뉴입니다. .

http://www.tanyadischler.com/index2.php

http://www.tanyadischler.com/menu.css

당신은 메뉴에 따라 롤 경우 갤러리에 가져가 적은 높이를 가지고 그래서 너무 넓게 나타납니다 크롬, 사파리, FF, IE7 등 에 볼 수 있습니다 뉴스 아래에 나타납니다.

CSS 유효성을 검사 : 해결하는 방법에 http://jigsaw.w3.org/css-validator/validator?uri=http://jigsaw.w3.org/css-validator/validator?uri=http://www.tanyadischler.com/index2.php&profile=css21&usermedium=all&warning=1&lang=en&profile=css21&usermedium=all&warning=1&lang=en

어떤 생각?

Answer 1

문제가 간단

.menu li {width: 111px;} 
.menu ul ul a, .menu ul ul a:visited {padding:10px 0 10px 5px; width:128px; 
    border-width: 0px 1px 1px;} 

따라서 앵커는 (128 + 5 + 1 + 1) PX = 135px 및 함유리스트 엘리먼트 만 111px 따라서 앵커의 유효 폭을 갖 것 오버플로가 숨김으로 설정되어 있지 않으므로 오버플로합니다. 목록 요소 또는 앵커 너비를 수정하십시오.