I've come across something with the RadAjaxLoadingPanel that I can't quite figure out. In a nutshell, when I have a CSS class associated with a particular div, the loading panel displays as a small sliver above the targeted ASP:Panel when I click the lone RadButton on my page. If I remove the CSS class from the div then the loading panel displays just fine. Any assistance in helping me figure this one out is greatly appreciated as the page itself is quite simple. Shown below is my CSS, code behind, and markup.
The particular line in my markup that is causing odd behavior reads as shown below. Removing the class completely results in the loading panel displaying as expected when clicking the RadButton.
<div class="formContainer"> <!--Remove CSS from this DIV and the RadAjaxLoadingPanel will display on postback-->