Using modalpopupextender within a custom user control

Question

hey guys

I have a modalpopupextender inside a custom user control and when the user clicks on a imagebutton in the custom user control, this modalpopup has to be displayed to the user for inputs. The problem that I am facing is that nothhing is getting displyed even after clicking the image button.

Also please note that i am using master pages and this custom user control is being added dynamically to one of the child pages. I have added the scriptmanager as a part of the child page rather than as a part of the user control because there are multiple custom user controls present in this page.

Lemme go to the code:

This is the snippet present in the custom user control:

<div>
     <!-- Other fields -->
     <div style="float:left; margin-top:10px">
              <asp:ImageButton ID="imgEdit" runat="server" ImageUrl="Images/edit.png" />                
      </div>
</div>

<asp:Panel ID="pnlEdit" runat="server" CssClass="modalPopup" style="display:none">
   <div style="height:175px; width:250px; margin-left:40px; margin-top:50px">
    <div style="clear:both">
     <div style="margin-left:25px; margin-top:25px; float:left; width:75px">
       <asp:Label ID="Label1" runat="server" Text="Rollover"></asp:Label>
     </div>
     <div style="margin-top:25px; float:left">
      <asp:TextBox ID="txtRoll" runat="server"></asp:TextBox>
     </div>
    </div>
    <div style="clear:both">
     <div style="margin-left:25px; margin-top:25px; float:left; width:75px">
        <asp:Label ID="Label2" runat="server" Text="Limit"></asp:Label>
     </div>
     <div style="margin-top:25px; float:left">
       <asp:TextBox ID="txtLimit" runat="server"></asp:TextBox>
     </div>
    </div>
    <div style="margin-left:65px; padding-top:25px; clear:both">
     <div style="float:left"><asp:Button ID="btnOk" runat="server" Text="OK"           Width="50px" /></div>
     <div style="float:left; margin-left:15px"><asp:Button ID="btnCancel" runat="server" Text="Cancel" Width="50px" /></div>
    </div>
   </div>
</asp:Panel>