Pourquoi l'en-tête de mon calendrier est-il dans une position différente de celle du calendrier?

Question

J'ai un calendrier placé avec le positionnement absolu, mais l'en-tête ne reste pas avec le calendrier lui-même.

Le code HTML/CSS est le même que d'autres contrôles de calendrier sur la page qui semblent fonctionner très bien.

<asp:Calendar ID="Calendar1" runat="server" CssClass="auto-style2"></asp:Calendar> 

CSS:

.auto-style2 { 
      position: absolute; 
      top: 146px; 
      left: 642px; 
      z-index: 1; 
      width: 430px; 
     } 

Si je tente de déplacer le calendrier ou l'en-tête, ils se déplacent tous deux en même temps, mais encore loin les uns des autres.

À quoi cela cause-t-il?

Answer 1

Voilà comment je l'ai défini mon calendrier pour un projet récent:

<asp:Calendar ID="calStartDate" runat="server" BackColor="White" BorderColor="#999999" CellPadding="4" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" Height="184px" Width="200px" OnSelectionChanged="calStart_SelectionChanged"> 
          <DayHeaderStyle BackColor="#5FD367" Font-Bold="True" Font-Size="7pt" /> 
          <NextPrevStyle VerticalAlign="Bottom" /> 
          <OtherMonthDayStyle ForeColor="#808080" /> 
          <SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White" /> 
          <SelectorStyle BackColor="#CCCCCC" /> 
          <TitleStyle BackColor="#005555" BorderColor="Black" Font-Bold="True" /> 
          <TodayDayStyle BackColor="#CCCCCC" ForeColor="Black" /> 
          <WeekendDayStyle BackColor="#FFFFCC" /> 
         </asp:Calendar>