懸停在顯示下拉菜單上：表在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