Javascript-форум - Не работает jQuery анимация в Firefox

Написал код, который при движении мышкой в окне браузер плавно показывает содержимое страницы. к body и .shadow применено display:hidden

Сначала плавно проявляется body.
После проявления страницы с небольшой задержкой проявляется .shadow

При запуске в фоксе сколько мышкой ни двигай, ничего не произойдет. Но если убрать display:hidden, то контент сначала виден, а после движения мышкой резко исчезает и медленно проявляется так, как должен.

Код:

<script type="text/javascript">

$(document).ready(function() {

        var doFadeIn = function() {

                $('body').css({ opacity:0, visibility:'visible'}).fadeTo(800,1);

        };

        $('html').one('mousemove',doFadeIn);

        $('html').one('blur',doFadeIn);

});

$(document).ready(function() {

                $('.shadow').css({ opacity:0, visibility:'visible'}).delay(1400).fadeTo(1800,1);

});

</script>

В Opera, IE, Chrome все работает.