jQuery UI dialog: window appears at the right of the screen in chrome and safari

Question

anybody else had this problem, do you know how to fix this ?

my code:

var currentFormconfirm;
    $(function () {
        $("#dialog-confirm-confirm").dialog({
            resizable: false,
            height: 220,
            width: 400,
            modal: true,
            autoOpen: false,
            buttons: {
                'Yes': function () {
                    $(this).dialog('close');
                    currentFormconfirm.submit();
                },
                'Cancel': function () {
                    $(this).dialog('close');
                }
            }
        });
        $(".confirm").click(function () {
            currentFormconfirm = $(this).closest('form');
            $("#dialog-confirm-confirm").dialog('open');
            return false;
        });
    });

Answer 1

I too have this problem. My solution:

    $('#dlg') 
    .dialog('open')            
    .dialog({position:'center'});  //UI Dialog positioning error 

Answer 2

fix it, by using the latest version of Jquery.js and .css