IE is not displaying the image and the message at all.

Hi,
I have a fucntion that runs after page loads which is supposed to show an image with “Loading Data in Progress. Please wait” message while it is pulling data.
It is working in Firefox but IE is not displaying the image and the message at all. Can someone please help me with this.

My image HTML is:

<div style="display:none;width:100%;height:100%;top:0;left:0;position:absolute;background:#FFFFFF;z-Index:200;opacity:0.8;filter:alpha(opacity=80);text-align:center" id="LoadInProgress">
		<table height="100%" width="100%" cellspacing="0" cellpadding="0">
			<tr>
				<td valign="middle" align="center">
					<img src='/files/402035/91042/loading51.gif' id="Lip">
					<br>
					<div style='font-size:20pt;font-weight:bold;color:#697F39'>Loading Data in Progress.</div>
					<br>
					<b style='font-size:16pt;color:#697F39'>Please Wait.</b>
				</td>
			</tr>
		</table>
	</div>

Code (markup):

My Javascript is :

function Init()
{
	try 
	{	
		var LoadInProgress = document.getElementById("LoadInProgress");
		document.getElementById("LoadInProgress").style.display = "block";
		gSaveButton = document.getElementById('SaveButton');
		gSaveButton.style.display = 'none';
		rsCurrentLoggedInUserInfo = new ssRecordSet(null);		
		rsCurrentLoggedInUserInfo = session_getuser(false,'','firstname,lastname');		
		DecalareVaraiables(); 
		FillAllClaimantName();
		FillInsuranceCompany();
		FillIntakeReceivedBy(rsCurrentLoggedInUserInfo.getfieldbyname(1, 'tblusers.companyid'));
		FillRepresentingFirm();		
		if (LoadInProgress != null) 
        		LoadInProgress.style.display = "none";  	
	}
	catch (err) 
	{
		alert(err.name + ": " + err.message); 
	}

Code (markup):

Thanks