title: jqModal dialog always under overlay
body: <p>I have the following code, and am at my wit's end because the dialog always appears under the overlay.  Any advice will be most appreciated:</p>
  
  <pre><code>&lt;head runat="server"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link href="../Styles/jqModal.css" rel="stylesheet" type="text/css" /&gt;
      &lt;style type="text/css"&gt;
          #shift-edit-popup
          {
              display: none;
          }
      &lt;/style&gt;
      &lt;script src="../Scripts/jquery-1.4.2.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="../Scripts/jqModal.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          $(function () {
              $("#shift-edit-popup").jqm({
                  toTop: true
              }).jqmAddTrigger("#show-button");
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="form" runat="server"&gt;
      &lt;input id="show-button" type="button" value="Show" /&gt;
      &lt;div id="shift-edit-popup"&gt;
          &lt;div&gt;
              &lt;asp:Label ID="resourceLabel" runat="server" AssociatedControlID="resourceList"&gt;Resource:&lt;/asp:Label&gt;
              &lt;asp:DropDownList ID="resourceList" runat="server" DataTextField="Name" DataValueField="ResourceId" Width="120px"&gt;
              &lt;/asp:DropDownList&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>