下拉選項卡不保持在現代瀏覽器懸停高度

Question

這是一個數據庫驅動菜單，IE6喜歡罰款，但現代瀏覽器 沒有那麼多。

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

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

如果沿着菜單滾動，你會在Chrome，Safari瀏覽器，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）像素= 135px和含列表元素僅111px，因此錨定一個有效寬度將溢出，因爲溢出未設置爲隱藏。糾正列表元素或錨點的寬度。