jquery - jQuery uiダイアログの位置クロム

Question

Chrome と Safari の jQuery UI ダイアログに問題があります。ダイアログ ウィンドウは、FF と IE では意図したように画面の中央にポップアップしますが、Chrome と Safari では、ウィンドウは本体全体に従って中央に配置されます。FF や IE のような画面の現在の「ビューフレーム」ではありません。

ダイアログが含まれる絶対/固定divを追加することでこれを克服しようとしましたが、機能しませんでした。そして、.js ファイル自体を編集して、結果なしで appendTo: "body" を変更しようとしました。.ui-dialog が絶対配置されているダイアログ css ファイルを確認しました。何も役に立ちませんでした。今、私はFFとIEでもそれを壊さずに何をチェックするべきかわかりません。

私は javaScript/jQuery の経験がないので、これを整理するのはさらに難しくなります。

提案や助けをいただければ幸いです。

<script>
jQuery(document).ready(function(){
    jQuery("#form").validationEngine('attach', {
        onValidationComplete: function(form, status){
            if (status == true) {
            $(function() {
                $( "#dialog-confirm" ).dialog({
                    resizable: false,
                    height:265,
                    width: 350,
                    modal: true,
                    closeOnEscape: true,
                    title: "Submit form",
                    buttons: {
                        "Submit": function() {
                            form.submit();
                            $( this ).dialog( "close" );
                        },
                        "Cancel": function() {
                            $( this ).dialog( "close" );
                        }
                    }
                });
            });
            }
        }  
    })
});
</script>
<div id="dialog-confirm">
    <p style="font-weight:bold;float:left;">Submit the form?</p>
</div>