Rounded Corners in Firefox

Hello everyone,

I have tested the SampleWebSite and seen that the RoundedCorners component works fine under Firefox.

The problem is, when I do my own tests, it doesn't. The site is perfect under IE but terrible under firefox. I don't know if I may be doing something wrong.

The rounded corners panel seem to be with a fixed height, and the text inside the panel goes out of the border. I'm using the latest build of the toolkit and I am totally uncomfortable with it, because everything I do is perfect under IE and terrible under Firefox.

Here goes my panel's code:

 <asp:Panel ID="pnlAcademico" runat="server" Height="50px" Width="98%"> <table style="width: 95%; text-align: justify;" border="0"> <tr> <td> <asp:Label ID="lblCurso" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="Small" Text="Nome do curso: "></asp:Label> </td> <td> <asp:TextBox ID="tbxNomeCurso" runat="server" BorderStyle="None" Width="90%" MaxLength="50"></asp:TextBox> <asp:DropDownList ID="ddlCursos" runat="server" Width="91%" DataTextField="Descricao" DataValueField="Codigo" Visible="False"> </asp:DropDownList> </td> </tr> <tr> <td style="height: 26px"> <asp:Label ID="Label26" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="Small" Text="Institui??o de ensino:"></asp:Label> </td> <td> <asp:TextBox ID="tbxInstituicao" runat="server" BorderStyle="None" Width="90%" MaxLength="70"></asp:TextBox> </td> </tr> <tr> <td style="height: 26px"> <asp:Label ID="Label27" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="Small" Text="Carga horária:"></asp:Label></td> <td> <asp:TextBox ID="tbxCargaHoraria" runat="server" BorderStyle="None" Width="33px" MaxLength="4"></asp:TextBox>  </td> </tr> <tr> <td style="height: 21px"> <asp:Label ID="Label29" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="Small" Text="Data de conclus?o: "></asp:Label> </td> <td> <asp:TextBox ID="tbxDataConclusao" runat="server" BorderStyle="None" Width="65px"></asp:TextBox>  <cc1:MaskedEditExtender ID="mkeDataConclusao" runat="server" ClearMaskOnLostFocus="False" Mask="99/99/9999" TargetControlID="tbxDataConclusao" Enabled="True" CultureName="pt-BR" CultureAMPMPlaceholder="" CultureCurrencySymbolPlaceholder="R$ " CultureDateFormat="DMY" CultureDatePlaceholder="/" CultureDecimalPlaceholder="," CultureThousandsPlaceholder="." CultureTimePlaceholder=":"> </cc1:MaskedEditExtender> </td> </tr> </table> <table style="width: 95%; text-align: justify;" border="0"> <tr> <td style="height: 21px">   </td> <td style="text-align: right;"> <asp:Button ID="btnAdicionarAcademico" runat="server" Text="Adicionar" OnClick="btnAdicionarAcademico_Click" /> </td> </tr> </table> <br /> <asp:GridView ID="gdvAcademico" runat="server" BackColor="White" BorderColor="#999999" BorderStyle="None" BorderWidth="1px" CellPadding="3" GridLines="Vertical" Width="90%" AutoGenerateColumns="False" OnRowDataBound="gdvAcademico_RowDataBound"> <HeaderStyle BackColor="#000084" Font-Bold="True" ForeColor="White" /> <FooterStyle BackColor="#CCCCCC" ForeColor="Black" /> <SelectedRowStyle BackColor="#008A8C" Font-Bold="True" ForeColor="White" /> <AlternatingRowStyle BackColor="Gainsboro" /> <RowStyle BackColor="#EEEEEE" ForeColor="Black" /> <PagerStyle BackColor="#999999" ForeColor="Black" HorizontalAlign="Center" /> <Columns> <asp:BoundField DataField="TipoCurso" HeaderText="Tipo" /> <asp:BoundField DataField="Curso" HeaderText="Curso/área do conhecimento" /> <asp:BoundField DataField="InstituicaoEnsino" HeaderText="Institui??o" /> <asp:BoundField DataField="DataConclusao" HeaderText="Data de conclus?o" DataFormatString="{0: dd/MM/yyyy}" HtmlEncode="False" /> </Columns> </asp:GridView> </asp:Panel> <cc1:RoundedCornersExtender ID="RoundedCornersExtender3" runat="server" BehaviorID="RoundedCornersBehavior3" BorderColor="Gray" Radius="6" TargetControlID="pnlAcademico" Enabled="True"> </cc1:RoundedCornersExtender>

I got 5 or 6 of these in the same page, and I get some of the panels visible or invisible according to my needs.

Is there anything wrong in the way I'm putting myRoundedCornersExtender to work?

It was supposed to work under FF, right?

Thanks in advance.

Forget it. I fixed it.

It's not a rounded corners issue, but an asp:panel issue.

All I had to do was remove the "height" from the asp:panel.

Thanks anyways.