我有一个基本的纯 CSS 下拉菜单，在 Chrome 和 Firefox 中效果很好，但在 IE9 中效果不佳。问题是我正在实施的设计在父项的水平行与其各自的子导航项的子列表之间存在细微差距。
我在父 li 悬停时显示子菜单。子菜单在所有浏览器中都很好。
当我尝试将光标移动到父 li 和子菜单无序列表之间的小（大约 10px）间隙时，就会出现问题。光标实际上并没有离开父 li，因为间隙是通过对 li 应用更大的高度（并且对其子锚元素的高度更小）来形成的，所以我不明白为什么 IE 的行为就像 li:hover 不再发生一旦我的光标不再位于子链接上。
如果我在间隙中快速移动光标，我实际上可以将其移至子菜单并很好地使用它，但这出于可用性原因并不好。
我肯定在这里错过了一些非常明显的东西！
要查看问题，请访问http://beta.pancreaticcanceraction.org/
将“preview2012”添加到该 URL 的末尾以访问该站点（我不想放下整个链接以防它被抓取）。
提前感谢您的帮助！