Estoy usando este script para centrar mi div horizontalmente y verticalmente.

Cuando se carga la página, el div se centra verticalmente, no horizontalmente hasta que redimensiono el navegador.

¿Qué estoy haciendo mal?

$(document).ready(function (){
    $(window).resize(function (){
        $('.className').css({
            position:'absolute',
            left: ($(window).width() - $('.className').outerWidth())/2,
            top: ($(window).height() - $('.className').outerHeight())/2
        });
    });
    $(window).resize();
});