title: jQuery UI 1.10.3 Dialog Box, dragging moves away dialog box
body: <p>I am using jQuery 1.10.1 with migrate, jQueryUI 1.10.3, jQueryValidate 1.11.1.  </p>
  
  <p>Just using a simple form, it has two fields. On submit if values are not provided then a dialog box is displayed with a message.  </p>
  
  <p><strong>Issue:</strong> In IE 10 When user tries to move (drag) the error message dialog box it just moves down. This only happens when vertical scroll bar is appears in the browser window. 
  Verified in Chrome 27 it works. Sometimes gives the same issue in Firefox 21 and Opera 12.15.</p>
  
  <p><strong>Note:</strong> It works fine with jQuery UI 1.10.2 only issue is there in 1.10.3.  </p>
  
  <p>Sample Source</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;style type="text/css"&gt;
          .label {width:100px;text-align:right;float:left;padding-right:10px;font-weight:bold;}
          .label1 {width:350px; text-align:right; padding-top:300px;padding-bottom:30px; font-weight:bold;  }
      &lt;/style&gt;
  
      &lt;link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.10.1.min.js"&gt;&lt;/script&gt; 
      &lt;script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"&gt;&lt;/script&gt;
  
      &lt;!-- &lt;script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.2/jquery-ui.min.js"&gt;&lt;/script&gt; --&gt;
      &lt;script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.3/jquery-ui.min.js"&gt;&lt;/script&gt; 
  
      &lt;script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"&gt;&lt;/script&gt; 
  
      &lt;script&gt;
      $(function() {
          $("#register-form").validate({
              rules: { firstname: "required", lastname: "required" },
              messages: { firstname: "Need First Name", lastname: "Need Last Name" },
              showErrors: function(errorMap, errorList) {
                          $("#diverror").dialog({ modal: true });
              },
              submitHandler: function(form) {
                  form.submit();
              }
          });
      });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form method="post" id="register-form"&gt;
          &lt;div class="label"&gt;First Name&lt;/div&gt;&lt;input type="text" id="firstname" name="firstname" /&gt;&lt;br /&gt;
          &lt;div class="label"&gt;Last Name&lt;/div&gt;&lt;input type="text" id="lastname" name="lastname" /&gt;&lt;br /&gt;
  
          &lt;div class="label1"&gt;Making page to scroll. Scroll down to submit&lt;/div&gt;
          &lt;div class="label1"&gt;Making page to scroll. Scroll down to submit&lt;/div&gt;
          &lt;div class="label1"&gt;Making page to scroll. Scroll down to submit&lt;/div&gt;
  
          &lt;div style="margin-left:140px;"&gt;&lt;input type="submit" name="submit" value="Submit" /&gt;&lt;/div&gt;
    &lt;/form&gt;
      &lt;div id="diverror" title="Basic dialog"&gt;&lt;p&gt;This is the default DIVERROR which is useful for displaying information.&lt;/p&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>