我的iOS和主要下拉导航在我的网站上遇到了一些困难：http://houstonsfirst.tipmedev.com/style-guide/
使用此CSS点击顶级项目时，下拉菜单会正确显示：
#main_nav > li > ul { display: none; }
#main_nav > li:hover > ul,
#main_nav > li:focus > ul { display: block; }
但是点击子级别项目不会注册，并且下拉消失。如果下拉列表下方有项目，则会将其注册为已点击。奇怪的是，当点击顶级项目时，下拉菜单和悬停的样式闪现，然后消失然后回来。
使用left: -9999em和left: auto隐藏＆amp;揭示下拉列表并没有解决问题。
是否有针对此问题的基于CSS或Javascript的修复程序？有任何想法吗？