ajax control toolkit AccordianPane display issue

I have added an accordion control with 3 panes. However, when I view
it in either IE or FF the panes are displayed to the right of the
header, not underneath. Can anyone explain why this is? I know this
is not the default behavior. Below is the relevant code:

<cc1:Accordion ID="Accordion1" runat="server" AutoSize="None"
ContentCssClass="collapsePanel" HeaderCssClass="collapsePanelHeader"
FramesPerSecond="40" TransitionDuration="250" FadeTransitions="true"
SelectedIndex="0" SuppressHeaderPostbacks="true">
<Panes>
<cc1:AccordionPane ID="AccordionPane1" runat="server">
<Header>
<a href="" onclick="return false;">Know what
you need? &nbsp&nbsp &nbsp&nbsp &nbsp&nbsp</a>
</Header>
<Content>
<!-- Content is standard HTML content.
Nothing data driven. No forms, etc. --!>

</Content>
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane2" runat="server">
<Header>
<a href="" onclick="return false;">Payroll
&nbsp&nbsp &nbsp&nbsp &nbsp&nbsp</a>
</Header>
<Content>
<!-- Content is standard HTML content.
Nothing data driven. No forms, etc. --!>
</Content>
</cc1:AccordionPane>
<cc1:AccordionPane ID="AccordionPane3" runat="server">
<Header>
<a href="" onclick="return false;">Insurance
&nbsp&nbsp &nbsp&nbsp &nbsp&nbsp</a>
</Header>
<Content>
<!-- Content is standard HTML content.
Nothing data driven. No forms, etc. --!>
</Content>
</cc1:AccordionPane>
</Panes>
</cc1:Accordion>

Thanks for any help/insight anyone can offer. This is driving me
crazy.