jquery - jquery 1.8.1:モーダルウィンドウを中央に表示する方法

Question

   /**
     * Opens a new modal dialog
     * This is for items that are scrollable
     * @param divIdFront the div element of modal dialog.
     * @param divIdBack the background screen element div (so we can grey out).  
     */
    function navCenterModalOpenScroll(divIdFront, divIdBack) {
        if ($(divIdBack).length) {
            $(divIdBack).height($(document).height());
            $(divIdBack).width($(document).width());
            $(divIdBack).show();
        }

        if ($(divIdFront).length) {
            var frontElem, x, y;
            frontElem = $(divIdFront);
            x = parseFloat($(window).width() - frontElem.outerWidth()) / 2;
            y = parseFloat($(window).height() - frontElem.outerHeight()) / 2;

            x = (x > 0) ? x : 0;
            y = (y > 0) ? y : 0;

            x += $(document).scrollLeft();
            y += $(document).scrollTop();

            frontElem.css("left", x);
            frontElem.css("top", y);

            frontElem.show();
            if (!document.all) {
                frontElem.focus();
            }

            $('body').css("overflow", "auto");
        }
    }

<div align="center" id="divIdFront" class="frameFront header" style="display:none;">
    <table width="365px"></table>
</div>

<div id="divIdBack" class="frameBack"></div>

これはもはや中央ではなく、常に画面の左上に表示されます。