Jquery dialog title bar width issue
<p>when i am increasing size of dialog after opening it then dialog height &amp; width is increasing but dialog title bar width is not increasing. i just do not understand why it is happening.</p>

<p>here is my sample code</p>

<pre><code>.BusyStyles
{
        background-image: url('../images/ajax-loader.gif');
        background-repeat: no-repeat; background-position: center center; 
        height: 80px;
        width: 180px;
}

$("#dialog").dialog({
    autoOpen: false,
    height: 80,
    width: 180,
    modal: false,
    draggable: true,
    resizable: false,
    position: 'center',
    show: {
        effect: "fade",
        duration: 2000
    },
    hide: {
        effect: "fade",
        duration: 500
    }
});

$("#dialog").removeClass('ui-dialog-content ui-widget-content').addClass('BusyStyles')
$("#dialog").dialog("open");
</code></pre>

<p>on another button click i am increasing size of dialog like</p>

<pre><code>$(".ui-dialog")
.animate({left: $(document).width() / 2 - $("#dialog").width() / 2, 
top: $("#dialog").top
}, 1000);
</code></pre>

<p>please help me....what i need to add in my code as a result dialog title width should increase along with dialog width. thanks</p>
