html - Dreamweaver 显示与 Firefox 不同

Question

我建立了一个简单的示例网站来向您展示我目前正在解决的问题：
http
: //examplesite.ohost.de/在其他 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;
}

这保持了元素大小。