title: Center jQuery popUp dialog with auto width and auto height
body: <p><strong>I have following initialization of jQuery popUp dialog, with dynamic content :</strong></p>
  
  <pre><code>  jQuery("#popUp").live("click", function (e) {
     e.preventDefault();
      jQuery("&lt;div&gt;&lt;/div&gt;")
          .addClass("dialog")
          .attr("id", "popUpDialog")
          .appendTo("body")
          .dialog({
              title: jQuery(this).attr("data-dialog-title"),
              close: function() { jQuery(this).remove(); },
              modal: true,
              hide: { effect: "none", duration: 150 },
              show: { effect: "none", duration: 150 },
              width: 'auto',
              height: 'auto',
              position: {
                  my: 'center',
                  at: 'center',
              of: jQuery(window)
              }
          }).load(this.href);
  
      jQuery(".close").live("click", function (e) {
          e.preventDefault();
          jQuery(this).closest(".dialog").dialog("close");
      });
  });
  </code></pre>
  
  <p>});</p>
  
  <p>I am sorry for this simplest question , but I can not place the popUp window on center of the whole page . The problem is in :</p>
  
  <pre><code>                  position: {
                    my: 'center',
                    at: 'center',
                of: jQuery(window)}
  </code></pre>