Css子菜单无法在IE中单击

Question

我做了一个菜单，显示鼠标悬停后的子菜单。在Firefox和Chrome上它可以工作，但是当我在IE中测试时，它不起作用。问题是鼠标悬停显示主菜单和子菜单，但是当我尝试单击子菜单时它就消失了。你能查一下菜单代码吗？

#main_menu ul li ul {
 position: absolute;
 display: none;
 top: 20px;
 padding: 0;
 z-index: 599;
}
#main_menu ul li ul li { margin-right: 0px; }
#main_menu ul li:hover ul { 
 background-color:#fff;
 display:block; 
 height:30px;
}

Answer 1

IE仅为锚点注册悬停事件。我想。

Answer 2

删除{之前的最后一个UL：

#main_menu ul li:hover {

而不是

#main_menu ul li:hover 
 ul{