Диалоговое окно JQueryUI отображает проблему

У меня есть следующий код, который создает Диалоговое всплывающее окно JQueryUI.

$j('
')
        .html(message)
        .dialog({
           autoOpen: true,
           bgiframe: true,
           buttons: { 'Dismiss': function() { $j(this).dialog('close') } },
           closeOnEscape: true,
           height: 'auto',
           modal: true,
           resizable: true,
           width: 400,
           title: 'An error has occurred'});

Когда всплывающее окно сначала отображено пользователю, оно похоже на изображение ниже с гигантским заголовком. Я знаю, что никакие дополнительные классы CSS не добавляются к всплывающему окну.

После того, как я изменю размер всплывающего окна JQuery, всплывающее окно появляется правильно. Заголовок сразу изменен и отображается правильно.

Кто-либо еще имеет, столкнулся с этим прежде?