Modal Popup Extender Not Working

Question

I've looked at every problem associated with the Modal Popup Extender to no avail. I'm using Visual Studio 2008 with the latest Ajax Toolkit. And I've tested it on all the major browsers and it doesn't work on any. I've poured over numerous examples and they all look like mine but it still doesn't work. As of right now, everything is running on my local host. I do have a script manager as well because in this snippet it doesn't show it. All I want to do is to show the panel with some text in it. So it isn't super fancy. All that happens when you click the link button is a page submission. Also, after I click on the link button I get the "Confirm Page Resubmission?" alert when ever I refresh the page to test new code. Here is the code. Thanks in advance.

<div class="DivInMidRight">
<asp:LinkButton runat="server"  CausesValidation="false" ID="SkillsBtn" CssClass="LinkBtn" onmouseover="tooltip.show('Click for Detailed Information.');"   onmouseout="tooltip.hide();">Skills & Experience:</asp:LinkButton>
<asp:ModalPopupExtender BackgroundCssClass="ModalPop" TargetControlID="SkillsBtn" PopupControlID="SkillsPnl" DropShadow="true" CancelControlID="SkillsPnlCnl" ID="ModalSkills" runat="server">
    </asp:ModalPopupExtender>
    <asp:Panel ID="SkillsPnl" CssClass="SkillsPnlPop" style="display:none;" runat="server">
    <asp:Button ID="SkillsPnlOK" runat="server" Text="OK" CssClass="Button" 
            Height="16px" onclick="SkillsPnlOK_Click" />
    <asp:Button ID="SkillsPnlCnl" Text="Close"  CssClass="Button" runat="server" />
    </asp:Panel>

</div>

Answer 1

Thanks for your response Vinay, but the display:none needs to be there so the panel doesn't show when the page first loads.