Диалог jQuery всегда по центру

Как я могу реализовать, что модальный диалог jQuery с автоматической шириной и высотой всегда центрируется в браузере. Также после изменения размера окна браузера.

Следующий код не работает. Думаю, проблема в автоматической ширине и высоте.

jQuery - код

$("<div class='popupDialog'>Loading...</div>").dialog({
  autoOpen: true,
  closeOnEscape: true,
  height: 'auto',
  modal: true,
  title: 'About Ricky',
  width: 'auto'
}).bind('dialogclose', function() {
  jdialog.dialog('destroy');
}).load(url, function() {
  $(this).dialog("option", "position", ['center', 'center'] );
});

$(window).resize(function() {
  $(".ui-dialog-content").dialog("option", "position", ['center', 'center']);
});

Спасибо!