javascript - IE8 でオーバーレイが表示されない

Question

CSSでの可視性を使用して、divを表示および非表示にしています。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;
}

そしてジャバスクリプト

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

私が何かを見逃していない限り、それはうまくいくはずです