Html firefox与chrome中粗体文本和双边框的问题

我在一个网站上工作，我有一些问题，希望你们能帮助我：）

如果我在菜单中的文本上加粗体，它在Firefox:S中看起来太粗体，但在Chrome中看起来很好

在Firefox中，#内容容器上的双边框在阴影效果之外：S，但在Chrome中看起来不错

在Mac Firefox 5.0.1和Chrome 13.0.782.112上：

这是我的项目

我希望有人能帮我解决这个问题

---

如果你有我能做的更好的事情，我也会很高兴听到：）

@1：每个浏览器的字体呈现都有差异。您可以尝试使用数值而不是简单的粗体来缩小结果（）。同时阅读本SO条目的答案：

@2：从#内容css中删除此行：

outline: 1px solid #B9BDBE;

---

第一个关于浏览器之间字体外观不同的问题是因为浏览器呈现文本的方式不同。你对此无能为力，除非你走上使用图像的可怕路线

您的第二个问题不是关于

边框

，而是关于

大纲

。这是因为Firefox在应用

框阴影时解释
轮廓的方式。它将其应用于阴影之外

您可以将下面的代码放在css中以Firefox为目标，并将大纲放回：

@-moz-document url-prefix() {
    #content{
        outline-offset: -11px;
    }
}

活生生的例子：
老实说，我看不出有什么区别。firefox的哪个版本？什么版本的chrome@里库多·森尼和我的一样。看不出有什么区别。考虑一下你的问题。Rikudoa事实上，这是一个已知的错误。奇怪的是，我无法回溯到这个问题，只是为了将来的参考，考虑网站.- 1在你的例子中使用同一个ID两次！你真可耻！！我已经看到了示例的更改（稍微编辑一下您的帖子，这样我就可以删除-1:D）