Safari中恼人的Bootstrap菜单问题

Question

我在OSX / IOS设备上的Safari中使用Bootstrap菜单时遇到了一个非常烦人的问题。

如果你看一下这个页面：

已删除链接

在Chrome或Firefox中，您将看到它应该如何显示，但是如果您在Safari中查看，菜单的中间部分不会与顶部齐平。当文本重叠时，在iPad上查看时会出现问题。它应该是这样的：

How it should look on tablet http://www.nick-harper.co.uk/howitshouldlook.gif

但是，它是这样的：

How it looks http://www.nick-harper.co.uk/ipad.gif

我尝试了各种不同的东西，但似乎无法弄清楚是什么原因导致它在Safari中。

是否有任何可能导致我失踪的常见问题？

Answer 1

总结问题的评论，问题是float:left。它使一些元素的高度等于0.另外position:unset无效，因此来自另一个选择器的position:absolute正在使用中。