带有下拉列表的选项卡在现代浏览器中悬停时不会保持高度

时间:2009-09-16 14:52:30

标签: css

这是一个数据库驱动的菜单,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

有关如何修复的想法吗?

1 个答案:

答案 0 :(得分: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,因此锚点将溢出,因为溢出未设置为隐藏。要么修正列表元素或锚点的宽度。