Floating CSS Ajax Progress Bar

#busylight
{
position: absolute;
z-index: auto;
top: 50%;
left: 25%;
width: 50%;
margin: 0 0 0 0;
padding: 7px 5px 7px 10px;
font: 12px/1.2em "Verdana" , "Lucida Console" , "Courier New" , monospace;
text-align: center;
color: #111;
background-color: #FFFFCC;
border: 1px solid #111;
}


/* star html hack - IE only */
* html #busylight{
position: absolute;
}
/* a bet on future IEs */
#busylight[id]{
position: fixed;
}





<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
<div>
<table ID="busylight" border="0" cellpadding="0" cellspacing="0">
<tr valign="top"> <td align="center" style="">
<img alt="busy" src="Images/ajax-loader.gif" /> Please wait..................
</td>
</tr>
</table>
</div> </ProgressTemplate>
</asp:UpdateProgress>