Jquery dialog IE6 and IE7 hangs
<p>I'm using jquery to show a dialog box, but its causing IE6 and IE7 to hang. Suggestions anybody? Thanks</p>

<pre><code>  $(""#" + this.pnlConfirmPanel.ClientID + @""").dialog(
                        {
                           autoOpen: false,
                            modal:true,
                             resizable: false,
                            draggable: false
                        })       
</code></pre>

<p>The line which causes it to hang is:   </p>

<pre><code>modal:true
</code></pre>

<p><strong>Update 1</strong>
Sorry must have clarified its a asp.net page, the resulting code looks like this:</p>

<pre><code>$("#ctl00_ContentPlaceHolder1_JobAdmin1_pnlConfirmPanel").dialog(
                        {
                           autoOpen: false,
                            modal:true,
                             resizable: false,
                            draggable: false
                        }) 
</code></pre>

<p>If I remove modal:true, the dialog box shows and closes fine in both IE6 and IE7. Its when I add the modal:true line, that causes the browser to crash...</p>

<p><strong>Update 2</strong><br>
Thought I'd post the rest of the javascript and html, just in case somebody would like to try it out. (To simplify I shorted the long identifier I had for the panel  above)</p>

<pre><code>&lt;script src="JavaScript/jquery-1.5.2.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="Scripts/jquery-ui-1.8.11.custom.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript" language="javascript"&gt;

    $().ready(function () {
        $("#ConfirmPanel").dialog(
                        {
                            autoOpen: false,
                            width: 400,
                            height: 300,
                            modal: true
                        });

        $('#Button1').click(function () {
            $("#ConfirmPanel").dialog('open');
            return false;
        });
    });



&lt;/script&gt;
</code></pre>

<p>

    </p>

<pre><code>&lt;span id="lblClicked"&gt;&lt;/span&gt;
&lt;input type="submit" name="Button1" value="Test" id="Button1" /&gt;
&lt;div id="ConfirmPanel" style="width: 400px; height: 200px;"&gt;
&lt;input type="submit" name="btnClose" value="" id="btnClose" /&gt;
    &lt;h2&gt;
        Hello&lt;/h2&gt;
&lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p>
</p>
