title: Maintain a dialog center with dynamic content
body: <p>I would have a dialog with the following </p>
  
  <pre><code>$("#statusbox").dialog({
      autoOpen: false,
      bgiframe: true,
      modal: true,
      width: 'auto',
      height:'auto',
      title:"Check Order Status",
      buttons: {
          Find: function() {
              get_status();
          },
          Close: function() {
              $(this).dialog('close');
          }
      }
  });
  </code></pre>
  
  <p>And when the user hits the find button, it runs Ajax and returns orders to the dialog, and it gets dynamically re-sized, but it only extends the box down. Is there way to make the box extend up and down so that the dialog remains centered?</p>
  
  <p>Also if there was enough content then it could potentially go beyond the bounds of the page, so I would think I could use a maximum height to prevent that, but what do I do if they re-size the window?</p>
  
  <p>I tried adding maxHeight: 500, and that didn't stop it from extending off the bottom.</p>