悬停的CSS菜单问题

Question

在我的css菜单上My site无论我调整了多少代码，我都无法在所有级别上获得匹配的菜单。我是一个CSS新手，所以我可能会遗漏一些东西，但当你悬停和鼠标按下时，有三种不同的尺寸，我希望它们都是统一的。我在chrome和firebug中查看了它，但找不到要扩展的父菜单以匹配悬停。

任何建议都将不胜感激!!提前谢谢你:)

Answer 1

你的代码完全搞砸了。对于初学者，不要设置子菜单中的宽度。而是设置整个UL.submenu的宽度，并使内部显示：block，以便它们将填充整个宽度

Answer 2

在你的css中改变这个：

#menu2 li li a, #menu2 li li a:link, #menu2 li li a:visited {
    color: #FFFFFF;
    float: none;
    margin: 0;
    padding: 0 0 0 15px;
    width: 160px; //this is the change (width decreased)
}

希望这有帮助。

Answer 3

实施hover menu using CSS并不困难。它适用于所有现代浏览器，但在IE6中不起作用，因为它不支持：将鼠标悬停在li标签上。