Dreamweaver与Firefox的显示效果不同

Question

我设置了一个简单的示例网站，向您展示我目前正在与之抗争的问题：
http://examplesite.ohost.de/
在Firefox中，网站在Dreamweaver中，在我的Android手机上渲染得很好，我认为在其他webkit浏览器上，导航栏按钮在右侧被切断，我认为按钮的宽度略宽。
以下是一些截图：

那么我需要更改以在每个浏览器中获得与Firefox类似的结果吗？

编辑： 我现在在最新版本的Safari，Opera和Chrome上测试它们，它们正确地渲染它。

Answer 1

您可以使用navBtn的修复大小，例如

.navBtn {
position: relative;
float: left;
line-height: 18px;
font-weight: bolder;
list-style: none outside none;
width: 100px;
}

这可以保持元素大小。