AJAX Rounded Corner is not working in Firefox and Chrome

See more:

C#

ASP.NET

Hi Friends,

Below is my code which is not working in Chrome and Firefox. I have tested this code in Internet Explorer, it is working fine in IE , and i have letest versions of firefox and chrome.

<pre lang="xml"><div align="center" id="div123">
       <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
       </asp:ToolkitScriptManager>
       <h1 style="color: Gray">
           RSBY Enrollement Counts Of Kerala State
       </h1>
       <asp:UpdatePanel runat="server" ID="updpanel" UpdateMode="Conditional">
           <ContentTemplate>
               <asp:GridView runat="server" ID="gd" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" CellPadding="3"  >

                   <RowStyle ForeColor="#000066" />
                   <FooterStyle BackColor="White" ForeColor="#000066" />
                   <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
                   <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
                   <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />

               </asp:GridView>
           </ContentTemplate>
       </asp:UpdatePanel>
       <asp:UpdateProgress runat="server" ID="UpdProgress" AssociatedUpdatePanelID="updPanel" DynamicLayout="true">
           <ProgressTemplate>
               Please Wait...
           </ProgressTemplate>
       </asp:UpdateProgress>
   </div>
   <asp:RoundedCornersExtender ID="RoundedCornersExtender2" runat="server" TargetControlID="updpanel" Radius="10" Corners="All" Color="red">
   </asp:RoundedCornersExtender>