如何停止悬停的列表项目的文本在悬停在subnav上时变回默认状态

Question

我有一个水平菜单，它使用跨度显示直接位于其下方的水平subnav。当您将鼠标悬停在菜单中的列表项目上时，subnav会显示相应列表项目的一组链接。

问题是，当我将鼠标悬停在列表项上，然后将光标向下移动到subnav时，列表项恢复为默认颜色，但列表项保持悬停状态。

如何停止文本恢复为默认颜色？我是否在CSS中遗漏了某些东西，或者这可能需要用JavaScript来完成。

这里是例子：http://jsfiddle.net/SeasonEnds/LSmfN/

Answer 1

添加CSS

ul#topnav li:hover a { color: #828282; }