C# Ajax Error : The Controls collection cannot be modified.

[CyberSoftHari]

I am adding dynamic controls in my page through a panel as figured below.

pnlModel.ID = "pnlDyModel";
            pnlModel.Controls.Add(lblReportTitle);
            pnlModel.Controls.Add(new LiteralControl("<br />"));
            pnlModel.Controls.Add(txtReport);
            pnlModel.BackColor = System.Drawing.Color.LightBlue;
            pnlModel.Width = 580;
            pnlModel.Controls.Add(tblInPanel);            
            this.Page.Form.Controls.Add(pnlModel);//Error Part

Here I am getting error like.
Error:
Message="The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>)."

Source="System.Web"
ErrorCode=-2147467259
StackTrace:
at System.Web.UI.ControlCollection.RemoveAt(Int32 index)
at System.Web.UI.ControlCollection.Remove(Control value)
at System.Web.UI.Control.AddedControl(Control control, Int32 index)
at System.Web.UI.ControlCollection.Add(Control child)
at CommunityForum.OnInit(EventArgs e) in e:\Hari\AJAX Samples\MyProject\MyPage.aspx.cs:line 101
at System.Web.UI.Control.InitRecursive(Control namingContainer)
at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)
Can any one point me how to solve it.

[Plater]

I would guess it doesn't like adding literal controls?

[CyberSoftHari]

Already I checked removing that but, Throwing same error.
Sorry, forget to point this.