title: Calendar Extender not displaying correctly
body: <p>I'm using an ajax calendar extender control on my page, and although the extender block appears correctly, it's contents don't:</p>
  
  <p><img src="https://i.stack.imgur.com/S3COW.png" alt="Screenshot of CalendarExtender"></p>
  
  <p>Here's the code I'm using to write it onto the page:</p>
  
  <pre><code>&lt;table class="tblForm"&gt;
      &lt;tr&gt;
          &lt;td valign="top"&gt;
              &lt;asp:TextBox runat="server" ID="txtPickupDate" AutoPostBack="true"&gt;&lt;/asp:TextBox&gt;
              &lt;aj:CalendarExtender runat="server" ID="calPickup" TargetControlID="txtPickupDate" Format="yyyy-MM-dd"&gt;
              &lt;/aj:CalendarExtender&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>There aren't any style rules applied directly to the CalendarExtender, but I do have this css which may be relevant:</p>
  
  <pre><code>.tblForm
  {
      display: block;
  }
  .tblForm td
  {
      width: 245px;
      float: left;
  }
  </code></pre>
  
  <p>Has anyone seen this before? Does anyone know what it could be?</p>
  
  <p>Thanks in advance for any help!</p>
  
  <p><strong>EDIT</strong><br>
  I've tried removing the float and although this fixes the CalendarExtender, it also shifts every cell in the container table out of alignment. I've also tried setting <code>clear: both;</code> to the CalendarExtender, but this makes it's background disappear.</p>