Ich benutze dieses Skript, um mein div horizontal und vertikal zu zentrieren.

Wenn die Seite geladen wird, wird das Div vertikal zentriert, nicht horizontal, bis ich die Größe des Browsers verändere.

Was mache ich falsch?

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