Created Issue: Some charcters( e. g &), rendering issue with Ajax Tab Conatiner in ASP.NET [27335]

Hi,

Can any one help me.I had made a user Control say Test.ascx, i had a gridview inside two panels,i had used a Label control inside ItemTemplate Field,there when i pouplate the gridview data from my cs code,now if that label control had some data which had (& symbol e.g A&B),my page display nothing,no data,no error etc.

I had used this user control inside a page say Test.aspx inside ajax tab container,i don't understand whether its issue with ajax tab container or something else.

here is my code of User Control

<asp:Panel ID="section7" runat="server" SkinID="1">
<asp:Panel ID="Panel2" runat="server" GroupingText="Capital" SkinID="2">
<div style="position: relative;">
<asp:GridView ID="gv1" runat="server" AutoGenerateColumns="False" OnRowDeleting="gv1_RowDeleting"
OnRowEditing="gv1_RowEditing">
<Columns>
<asp:TemplateField HeaderText="Item" HeaderStyle-HorizontalAlign="Left">
<ItemTemplate>
<%--<div id="c_divSubComponent" runat="Server"><%# DataBinder.Eval(Container.DataItem,"SubComponent")%></div>--%> <%--<asp:Label ID="c_lblSubComponent" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"SubComponent")%>'></asp:Label>--%>
<asp:Literal ID="c_ltlSubComponent" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"SubComponent")%>' Mode="Encode"> </asp:Literal>

</ItemTemplate>
<ItemStyle HorizontalAlign="Left" />
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</asp:Panel>
</asp:Panel>

And this is the code for my Page Test.aspx

<ajaxToolkit:TabContainer ID="TabContainer1" runat="server" SkinID="CustomStyle" ActiveTabIndex="0" >
<ajaxToolkit:TabPanel ID="FirstTab" runat="server" HeaderText="My First Tab">
<ContentTemplate>
<uc4:Test ID="uTest" runat="server" />
</ContentTemplate>
</ajaxToolkit:TabPanel>
<ajaxToolkit:TabPanel ID="secondTab" runat="server" HeaderText="My Second Tab">
<ContentTemplate>
Tab-2
</ContentTemplate>
</ajaxToolkit:TabPanel>
</ajaxToolkit:TabContainer>