title: block UI is not working in IE 8
body: <p>I am trying to block the UI while a div is displayed on the page. TO block the UI I have made a div in form like that:(This is not the div which i display, It is used to implement css)</p>
  
  <pre><code>  &lt;t:div id="fadebackgroundstyle1" style="display:none;text-align:center;"&gt;
  &lt;/t:div&gt;
  </code></pre>
  
  <p>and css for this is follows:</p>
  
  <pre><code>       #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);
    }
  </code></pre>
  
  <p>onclick of div i call:</p>
  
  <pre><code>        document.getElementById('fadebackgroundstyle1').style.display='block';
  </code></pre>
  
  <p>so it just block the UI. It is wroking fine in chrome and mozilla but not working in IE 8.
  In my application I am using JSF 1.2.
  help me out....thanks in advance</p>