asp.net-ajax - Calendar Extender无法正确显示

我在页面上使用了ajax日历扩展程序控件，尽管扩展程序块正确显示，但其内容却没有:

这是我用来将其写入页面的代码:

<table class="tblForm">
    <tr>
        <td valign="top">
            <asp:TextBox runat="server" ID="txtPickupDate" AutoPostBack="true"></asp:TextBox>
            <aj:CalendarExtender runat="server" ID="calPickup" TargetControlID="txtPickupDate" Format="yyyy-MM-dd">
            </aj:CalendarExtender>
        </td>
    </tr>
</table>

没有直接应用于CalendarExtender的任何样式规则，但是我确实有此CSS可能与之相关:

.tblForm
{
    display: block;
}
.tblForm td
{
    width: 245px;
    float: left;
}

有没有人见过这个？有谁知道这可能是什么？

在此先感谢您的帮助!

编辑
我试过删除浮点数，尽管它修复了CalendarExtender，但它也会使容器表中的每个单元格错位。我也尝试过将clear: both;设置为CalendarExtender，但这会使背景消失。

最佳答案

好吧，我知道了:)

表格单元的CSS带来了问题。修改单元格的宽度还可以修改由Calender Extender写入的表格中单元格的宽度。

为了解决这个问题，我删除了表格上的所有浮点数及其子元素，并声明了一个新类来设置宽度，然后我从包含日历的单元格中省略了该宽度:

.tblForm
{
    display: block;
}
.tblForm tr.wider td, tblForm .wider
{
    width: 245px;
}