Ajax Nested Tab Container does not display in IE

I have the below nested tab container. The Root tab container does not display in IE but display in Chrome. 

<form id="form1" runat="server"><cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></cc1:ToolkitScriptManager><cc1:TabContainer ID="RootTabContainer" runat="server" ActiveTabIndex="0" Width="100%" Visible="true"
            Height="100%"><cc1:TabPanel runat="server" HeaderText="Preventative Safety" ID="TP_Safety"><ContentTemplate><cc1:TabContainer ID="NestedTabContainer1" runat="server" ActiveTabIndex="0" Width="100%"
                        Height="100%"><cc1:TabPanel ID="TP_Training" HeaderText="Training" runat="server"><HeaderTemplate>
                                Training</HeaderTemplate><ContentTemplate></ContentTemplate></cc1:TabPanel><cc1:TabPanel ID="TP_SafetyInspections" HeaderText="Safety Inspections" runat="server"><ContentTemplate></ContentTemplate></cc1:TabPanel></cc1:TabContainer></ContentTemplate></cc1:TabPanel><cc1:TabPanel ID="TP_Reports" HeaderText="Reports" runat="server"><ContentTemplate><asp:Panel ID="Panel6" runat="server" BackColor="#1D4482" Height="100%"><div class="style3">
                            Reports</div></asp:Panel></ContentTemplate></cc1:TabPanel><cc1:TabPanel ID="TB_Config" HeaderText="Configuration" runat="server"><ContentTemplate><asp:Panel ID="Panel1" runat="server" BackColor="#1D4482" Height="100%"><div class="style3">
                            Configuration</div></asp:Panel><br /><cc1:TabContainer ID="NestedTabContainer2" runat="server"><cc1:TabPanel ID="TabPanel12" HeaderText="Trainingggg" runat="server"><ContentTemplate></ContentTemplate></cc1:TabPanel></cc1:TabContainer></ContentTemplate></cc1:TabPanel></cc1:TabContainer></form>