jQuery UI dialog's content shifts up after being populated

This is ASP.NET MVC 2. Basically, I call an action in a controller with an AJAX call and the action returns me a partial view (so, some HTML).

I have a jQuery UI dialog which I populate on AJAX call back function.

$('#JqUiDialog').html(htmlResult);
$('#JqUiDialog').dialog('open');

IE7 seems to render this properly (what a surprise), FF on the other hand shifts all of the content up by about 90px. This includes the title and the resize bar of the dialog. Any ideas why this is happening or how to fix it?

    $('#JqUiDialog').dialog({
        autoOpen: false,
        modal: true,
        title: 'Edit Address',
        hide: 'explode',
        show: 'fadeIn',
        width: 400,
        height: 300
    });

in HTML: 开发者_如何学C <div id='#JqUiDialog'></div>

EDIT: Ok, the problem seems to happen when I have <input type='text'/> as part of the HTML that is returned by the partial view. It's still puzzling me.

Answer: when creating dialog,

show: 'fadeIn'

is what messes it up for FireFox.