Не работает jQuery анимация в Firefox

[makingpretty]

Написал код, который при движении мышкой в окне браузер плавно показывает содержимое страницы. к 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 все работает.

[makingpretty]

Все решил. Поменял visibility:'visible' в коде на display:'block'

Можно еще было поменять display:hidden у body и .shadow на visibility:'hidden'

К body применил не display:hidden, а display:none, иначе не прокатывает:)

Не удаляйте тему, кто нибудь будет искать с похожей проблемой, а тут решение.)