html - CSS菜单对齐在野生动物园中表现奇怪？

Question

由于某种原因，使用 Safari 时，我的网站菜单显示全部未对齐。网站位于http://penarthpc.com/~redvaner/

我已经盯着它看了好几个小时，我无法弄清楚。这让我疯狂。下面是“不正确”显示时的外观图像

http://i.imgur.com/t3hXjry.png

下面是我为导航栏编写的 CSS（元素有问题）

(http)pastebin.com/kLDBGnsU

非常感谢您的帮助！我束手无策:(

Answer 1

乍一看，我能注意到的唯一区别是您的链接在 Safari 中带有下划线。其他一切看起来都很好，不像提供的图像。以下 CSS 应解决下划线问题：

a{text-decoration:none !important;}

关于提供的图像，也许尝试将以下内容添加到您的<li>样式中

#nav-bar ul li{display:inline-block;zoom: 1;*display: inline;}

这是一个 ie7 修复，因为内联块元素通常不会在 ie7 中正确呈现