覆盖不在IE8中显示

Question

我正在使用css中的可见性来显示和隐藏div。除了IE8和IE8之外，它在其他所有浏览中都能正常工作。 9我可以弄明白为什么。从这个看，有人可以给出答案吗？

HTML

<div id="action-panel">
            Show mne
        </div>

CSS

#action-panel {
    position : fixed;
    height: 80%;
    width: 300px;
    background-color: #EEEEEE;
    right: 10px;
    visibility:hidden;
    display: block;
    top: 10%;
    overflow:scroll;
    padding: 10px;
    z-index: 1000;
    border-color: #000;
    border-width: 1px;
    border-style: groove;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

和javascript

$('#action-panel').css('visibility', 'visible');

似乎它应该有效，除非我遗漏了一些东西