Автоматическое изменение ширины и высоты с помощью диалогового окна jQuery

Я использую диалоговое окно пользовательского интерфейса jQuery для загрузки содержимого ajax. Диалоговое окно правильно позиционируется по вертикали, однако с параметром width: "auto" оно не центрируется по горизонтали. Он смещен по центру, примерно на 100 пикселей правее центра.

Вот мой код:

$('.open').live('click', function(e) {
    e.preventDefault();
    $("#modal").load($(this).attr('href')).dialog({
        title: $(this).attr('title'),
        modal: true,
        autoOpen: true,
        draggable: false,
        resizable: false,
        width: 'auto',
        position: ['center', 'top']
    });
});

Есть идеи, есть ли способ, чтобы он автоматически изменял размер и оставался центрированным?

РЕДАКТИРОВАТЬ: Это работает:

$("#modal").load($(this).attr('href'), function() {
    $("#modal").dialog({
        title: $(this).attr('title'),
        width: 'auto',
        modal: true,
        autoOpen: true,
        draggable: false,
        resizable: false,
        position: ['center', 150],
        create: function(event, ui) {}
    });
});