Html 导航li样式不在Chrome或Safari中渲染，在Firefox中可以

我在一个简单的HTML网站上工作，在Chrome和Safari中导航显示不正确，但在Firefox（都在Mac上）中很好

导航李的每一个应该是15像素的填充块，彼此相邻地向左浮动，悬停时显示浅绿色背景。在Chrome和Safari中，它们只是显示页面默认链接样式，没有浮动

可在此处看到该网站：

谢谢你的帮助

下面是我用于导航菜单的CSS：

ul#nav {
    font-size:16px;
    border-top:1px solid #a4a4a4;
    border-bottom:1px solid #a4a4a4;
    text-align:center;
    margin:40px auto;
    list-style:none;
}

ul#nav li a:link, ul#nav li a:visited {
    float:left;
    padding:15px 43px;
    text-decoration:none;
    font-weight:normal;
    color:#000;
}

ul#nav li a:active, ul#nav li a:hover {
    background:#e6ffdc;
    text-decoration:none;
}

ul#nav li.highlight a:link, ul#nav li.highlight a:visited {
    background:#e6ffdc;
}

---

看看您的源代码，它似乎是您的标记中的一个问题。

标记应该在

标记中，这似乎是在firefox上自动完成的，但在webkit中没有

---

在您提供的CSS中，您也在搜索列表项中的任何锚定，因此它无论如何都无法找到它，因为您的锚定方式不对。

谢谢。有没有一种方法可以让我的标签在

标签中，但仍然可以选择整个

？当我以前用这种方式设置它时，只有文本是可选的；我想要一个漂亮的大按钮来点击。@R.J.看起来你已经有了一个float:left，所以如果你按照Josh建议的方式更改，整个li都可以选择。如果您正在使用ID选择器，我还建议删除标记名，因为ID已经是唯一的，所以像#nav这样的东西就足够了。事实上，类选择器甚至不需要标记名。比如#nav.突出显示a:链接。