jquery - IE8 で jQuery を使用して div をアニメーション化する際の問題

Question

私はサイトの 3 つのセクションをアニメーション化するために jQuery を使用しています: http://oceanic.medialounge-dev.co.uk *ロールオーバーと言うもの)

それらは、奇妙に動き回るだけの IE8 を除いて、すべてのブラウザーで正常に動作します。皮肉なことに、IE7 では正常に動作します。理由はわかりません。

jQuery(function($){
        // Global variable so we can check if the rollover box 
        // is at the homepage or inner pages
        var innerBox = ($('.inner-content').length > 0) ? true : false;

        $('.rollover-single').hoverIntent(function(){
            var box    = $(this);

            // Move box up and increase height
            box.animate({
                'margin-top' : (innerBox) ? '-204px' : '-160px',
                'height'     : '260px' 
            });

            // Increase height of hidden content
            box.find('.rollover-content').animate({
                'height' : '204px'
            });

            // Change rollover text
            box.find('.readmore').text('READ MORE');
        }, function(){
            // Same as above but on mouseleave
            var box           = $(this);

            box.animate({
                'margin-top' : '0',
                'height'     : (innerBox) ? '56px' : '100px'
            });

            box.find('.rollover-content').animate({
                'height' : (innerBox) ? '0' : '44px'
            });

            box.find('.readmore').text('ROLL OVER');
        });
    });

変数は、ボックスが小さいため、内側のページにいるかどうかを確認するためのinnerBoxものです。hoverIntent プラグインも使用していますが、通常のhoverハンドルを使用したときに同じ問題が発生しました。誰でも私を助けることができますか？

前もって感謝します！