Dropdown calendar being overlapped by other controls on the page

[ruby1]

Hi, I have a dropdown calendar control , which when dropping down, is being overlapped by the controls that are present on the page. The code is as follows:

 
 
        <asp:Calendar ID="calendarToDate" runat="server" Height="1px" OnSelectionChanged="calendarToDate_SelectionChanged"
            Style="z-index: 106; left: 462px; position: absolute; top: 40px" Visible="False"
            Width="1px" BackColor="#E0E0E0">
            <SelectedDayStyle BackColor="Gray" />
        </asp:Calendar>
 
 
 
        </asp:Panel>
 
        &nbsp;&nbsp;
        <asp:Panel ID="panelReportHeader" runat="server" BackColor="LightSteelBlue" Height="57px"
            Style="z-index: 104; left: 315px; position: absolute; top: 158px" Width="940px">
            <asp:Button ID="buttonExportToExcel" runat="server" OnClick="ButtonExportToExcel_Click"
                Style="z-index: 100; left: 791px; position: absolute; top: 16px" Text="Export"
                Width="60px" />
 
 
 
            <asp:Label ID="labelReportTitle" runat="server" Font-Bold="True" Font-Size="Larger"
                Font-Underline="True" ForeColor="MediumBlue" Style="z-index: 101; left: 456px;
                position: absolute; top: 5px" Text="Report Title"></asp:Label>
 
 

Here, whenever my calendar drops down, it is being hidden by the label present under it. Please guide!

[shweta123]

Hi,

Please refer to this Link

Thanks,
Shweta