左子菜单仅在Mac Safari和Mac Chrome上断开

Question

http://cypresshh2.cakuun.com/index.php?id=4

我已经重建了几次，以适应客户的期望变化。 （目前有些CSS乱七八糟。）唯一的问题是左侧的子菜单在Chrome for Mac或Safari for Mac中不起作用。适用于所有PC浏览器版本，适用于FF for MAC。

在破碎的浏览器上，您可以看到该框明显打开但落在较低的LI元素后面，而不是向下撞击LI元素。

如果用户位于父页面或任何子页面上，则子菜单应该是打开的。

提前感谢您的帮助。

Answer 1

如你所说，CSS有点乱，但是这里有一些似乎有助于我在Firebug中搞砸了它的东西：

1. 将所有菜单和子菜单'a'a标记更改为显示：阻止并为它们添加一些填充。

2. 从LI元素中删除高度

3. 从LI元素中删除display：inline-block

4. 给你的LI元素保证金：0 0 10px

5. 从子菜单LI元素

中删除display：block

6. 将LI背景位置更改为'0 0'而不是仅定义'center'

希望有所帮助。