I have a DIV whoose ID is div_background. . I am doing a show/hide of this DIV using javascript.

Here is the relevant code outlined...


HTML:
-------------

<div id="div_background" class="ModalBackground">
<div style="margin-left:50% ; margin-top:25% ;"><img src="images/status.gif" width="100" height="100"/></div>
</div>

STYLE:
----------------------
<style>
.ModalBackground {
background-color: #6D7B8D; /* Blue Slate Gray */
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
min-height: 100%;
min-width: 100%;
filter: alpha(opacity = 50);
opacity: 0.5;
-moz-opacity: 0.5;
z-index: 500;
display: none;
}
</style>


JAVASCRIPT
--------------------------

function getUserInfo(){
divDisplay('div_background');

...................
...................
}


function divDisplay(divId) {
alert('divId='+divId);
document.getElementById(divId).style="display.block";
}


issue: Whenever getUserInfo is invoked DIV is displayed in FIREFOX but the same does not work in CHROME.

What is the issue here with CHROME ? How to fix it ?