CSS颜色悬停错误

我在顶部菜单中使用Allegro字体，当我将鼠标悬停在上面时遇到问题，颜色在Chrome和Safari中无法显示全宽：( 您可以在此链接上进行测试

---

chrome和IE看起来都不错。我不知道你现在使用的是什么版本，我已经在chrome 19.0.1084.82和IE8以及IE9中查看了这个演示。我看过你的代码，一切看起来都不错

但是，IE不支持font family inherit属性。如果仍然存在此问题，则应修改style.css，如下所示：

                .menu a:hover,.menu a:active  {
                     font-family: "Allegro"; /* because IE doesn't suprort inherit */ 
                 text-decoration:none;
                  color:#c4c04d;
                      }

---

希望有帮助！

我想你的字体有问题。 当您在元素的右边添加一些填充时，它看起来很好

.menu a {
color: black;
padding-right: 20px;
}

自己看：

---

向元素添加边框，它将在右侧被截断。

什么错误？（对我来说很好…）你确定吗？仔细检查悬停错误谢谢你的信息。但问题只是Chrome和Safari:）我认为最重要的问题是Allegro字体是凹版的，因此它将超出

的宽度。