我的Preloader with Overlay无法在Chrome中运行...为什么？

Question

这是我的css

.divWaiting{

position: absolute; 
background-color: #FAFAFA;
z-index: 2147483647;
opacity: 0.8;
overflow: hidden;
text-align: center; top: 0; left: 0;
height: 100%;
width: 100%;
padding-top:20%;
}  

这是我的小组

 <asp:UpdateProgress ID="PreLoader" runat="server">
        <ProgressTemplate>
            <div class="divWaiting">
                <asp:Image ID="preload" runat="server" ImageUrl="/Images/preloader.gif" />&nbsp
        Payment Processing ... Please wait
            </div>
        </ProgressTemplate>
    </asp:UpdateProgress>

工作正常，涵盖IE和Firefox的整个屏幕，但在Chrome中它只是 占据屏幕底部的一个小空间，因为它是UI的一部分。我希望它在中心并覆盖整个屏幕，但能够透视屏幕后面。这有什么不对？