导航栏中的子菜单div在OS X Safari 10.0中悬停时不会显示。它在Chrome和Firefox中运行良好。
这是一个JSFiddle：https://jsfiddle.net/rk5bmpud/1/
如果您将鼠标悬停在＆＃34;我们的服务＆＃34;上，则会有一个子菜单下降，然后将鼠标悬停在＆＃34;风险管理＆＃34;或者＆＃34;综合服务＆＃34;另一个菜单应该从左向右滑出。它们可以在其他浏览器中使用，但不能在Safari中使用。
有问题的元素是：
<div class="sub-menu">
<ul>
<li>
<a href="risk_management_consultancy.html">Risk Management Consultancy</a>
</li>
etc...
</ul>
</div>
Safari的开发工具显示div正在悬停时打开和关闭（你可以看到蓝色框在它打开时突出显示div），但div和它都没有＆ ＃39;孩子们正在展示。
我在CSS中尝试了不同的显示属性，位置属性和z-index。不同的位置属性让我可以看到div和它的内容，但当然不是我想要它们的位置。
有谁能看到我在这里失踪的东西？
更新
我发现，如果子菜单的祖父div（类.menu）设置为position: static;，则会显示相关子菜单。这不是一个真正的解决方案，因为我不想以这种方式重新构建它（尽管如果我找不到合适的解决方案，我将作为一种解决方法）。有趣的是，子菜单的直接父级<li>的位置属性并没有什么区别。