javascript - JQuery ダイアログ - FireFox で中央に配置されていない

Question

私はこの問題に対して非常に多くの解決策などを経験してきましたが、まだ前進していません。ここでの私の問題は、ダイアログが fire fox で開くたびに中央に配置されないことです。私のコードは次のとおりです。

$("#dialog").dialog({
    autoOpen: false,
    position: {
        my: "center",
        at: "center",
        of: window,
        collision: "fit",
        // Ensure the titlebar is always visible
        using: function( pos ) {
            var topOffset = $( this ).css( pos ).offset().top;
            if ( topOffset < 0 ) {
                $( this ).css( "top", pos.top - topOffset );
            }
        }
    },
    modal: true,
    draggable: false,
    resizable: false
});

$("#addnew").click(function(event) {
    $("#dialog").dialog('open');
    event.preventDefault();
});

ここでどこが間違っているのかわかりません。他の唯一のことは、ダイアログ div に IFrame があることですが、それは何にも関係するべきではありませんか?

どんな助けでも素晴らしいでしょう！