loadingpanel issue in certain browsers

[Albert Shenker]

I have a loading panel with declaration:

<telerik:RadAjaxLoadingPanel id="lpBDC" Runat="server" Transparency="18" CssClass="AjaxLoadingProgress"></telerik:RadAjaxLoadingPanel>

and style:

div.AjaxLoadingProgress
{
    background: #DFE9F5 url(../images/loading_small.gif) no-repeat center center;
}

I've gotten inconsistant behavior in various browsers:

In IE8: It works fine
In Opera 11: It works fine
In FF4: I don't see any loading panel
In Chrome 11: I don't see any loading panel
In Safari 5: I see the loading panel background color, but no loading image

if I change the loading panel declaration to:

<telerik:RadAjaxLoadingPanel id="lpBDC" Runat="server" Transparency="18" BackColor="Red"></telerik:RadAjaxLoadingPanel>

I do see it in FF and Chrome, so I know it is being displayed. Its just the style and loading image are not. Any idea what is going on?

[Galin]

Hi Albert Shenker,

Thank you for contacting us.

The described issue is not replicated on our side. I have prepared a runnable project based on your information. Please find it in attached file.


Best wishes,
Galin
the Telerik team