悬停在显示下拉菜单上：表在IE中不起作用

Question

我正在做一个类似于bootstrap的下拉菜单。唯一的区别是我的下拉菜单的默认状态是display: table，因为我需要菜单看起来像一个表。不幸的是，这并不在IE10工作：

http://codepen.io/anon/pen/LfdoB

它正常工作在Safari，Chrome和Firefox浏览器。

IE中发生的事情是，第一个悬停工作，但随后的盘旋不显示下拉菜单，但我确实看到了盒子阴影。它似乎height: 0，虽然设置height: auto不会做任何事情。

Answer 1

我真的不知道IE为何如此表现。

无论如何，我得到它的工作使显示：表永久（即，在正常状态下）和hidding - 显示它直通知名度：

.dropdown-menu { 
    position: absolute; 
    top: 100%; 
    left: 0; 
    z-index: 1000; 
    display: table; 
    visibility: hidden; 
    min-width: 100%; 
    background-color: white; 
    box-shadow: 0 4px 8px 4px rgba(0, 0,0, .15); 
} 

:hover > .dropdown-menu { 
    visibility: visible; 
}  

updated codepen