html - IE 8 でブロック UI が機能しない

Question

ページに div が表示されている間、UI をブロックしようとしています。UI をブロックするには、次のような形式で div を作成しました:(これは、表示する div ではありません。css を実装するために使用されます)

  <t:div id="fadebackgroundstyle1" style="display:none;text-align:center;">
</t:div>

このための css は次のとおりです。

       #fadebackgroundstyle1 {
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background: url(../images/overlay.png) repeat scroll 19px center
    transparent;
z-index: 1001;
-moz-opacity: 0.8;
opacity: .80;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity = 80);
  }

私が呼び出すdivのonclick：

        document.getElementById('fadebackgroundstyle1').style.display='block';

UIをブロックするだけです。Chrome と Mozilla では問題なく動作していますが、IE 8 では動作しません。私のアプリケーションでは JSF 1.2 を使用しています。助けてください....事前に感謝します