dynamic accordion inside a tabPanel

[axxon]

hi, I am having a huge problem here!
the scenario is i am trying to create dynamic accordion Panes to a accordion control inside a tab panel in a content page. It works just fine in a regular webform page which does not use a master page. but if i try to add dynamic accordion panes to a accordion inside a tab panel, it stops working. but I hav tested i can use static accordion panes jsut fine.

here is my code:

//////////// tab /////////////////
<ajaxToolkit:TabPanel runat="server" ID="TabPanel1" HeaderText="Logoff">
<ContentTemplate>
<ajaxToolkit:Accordion ID="MyAccordion" runat="server" SelectedIndex="0"
HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected"
ContentCssClass="accordionContent" FadeTransitions="false" FramesPerSecond="40"
TransitionDuration="250" AutoSize="None" RequireOpenedPane="false" SuppressHeaderPostbacks="true">
<Panes>

<ajaxToolkit:AccordionPane ID="AccordionPane1" runat="server">
<Header><a href="" class="accordionLink">Log Off </a></Header>
<Content>
<asp:LinkButton ID="logoff" runat="server" OnClick="logoff_Click">Log Off Admin</asp:LinkButton>&nbsp;
<ajaxToolkit:ConfirmButtonExtender ID="LogOffConfirmButton" runat="server" TargetControlID="logoff" ConfirmText="Are you sure you want to log off ?">
</ajaxToolkit:ConfirmButtonExtender>
</Content>
</ajaxToolkit:AccordionPane>
</Panes>
</ajaxToolkit:Accordion>
</ContentTemplate>
</ajaxToolkit:TabPanel>

thisone works just fine....since the accordion pane there is static! but when i try to add it dynamically..they do not show up
/////////////////////////////////////////////////
protected void loglff()
{
AccordionPane logoffPane = new AccordionPane();
logoffPane.HeaderContainer.Controls.Add(new LiteralControl("logoff"));
LinkButton l = new LinkButton();
l.Text = "logoff";
logoffPane.ContentContainer.Controls.Add(l);

MyAccordion.Panes.Add(logoffPane);
}

////////////////
any help wil b much appreciated...
thank you in advance!