accordion header style missing in IE6
-
Hi all I am using Accordion Ajax extender tool in my user control. There are around 5 panes and each pane loads usercontrol at the page load. I have applied following style to the accordion header using style sheet class.
.accordionHeader
{
border: 1px solid #0063A0;
color: white;
background-color: #002B55;
font-family: Arial, Sans-Serif;
font-size: 10px;
font-weight: bold;
padding: 5px;
margin-top: 3px;
cursor: pointer;}
<cc1accordian:Accordion ID="ntAccordion" runat="server" SelectedIndex="0" CssClass="accordionStyle"
HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected"
ContentCssClass="accordionContent" FadeTransitions="false" FramesPerSecond="40"
TransitionDuration="250" AutoSize="None" RequireOpenedPane="false" SuppressHeaderPostbacks="true">
<Panes>
<cc1accordian:AccordionPane ID="apane1" runat="server">
<Header>
<asp:Label ID="lblSpeed" runat="server" Style="position: relative" Text="Header One"
CssClass="labelfont"></asp:Label>
</Header>
<Content> .... </Content>This style is applied correctly when page is loaded into IE7, but in IE6, there is no style applied. Has anyone experienced this problem before? Please help me