在 IE8 中使用 jQuery 制作 div 动画时出现问题

Question

我正在使用 jQuery 为网站的 3 个部分制作动画：http://oceanic.medialounge-dev.co。 uk *那些说翻滚的）

它们在每个浏览器中都工作得很好，除了 IE8，它们只是奇怪地移动，讽刺的是它在 IE7 中工作得很好不知道为什么，我使用的 JS 代码相当简单：

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<时/code> 处理我也遇到了同样的问题。谁能帮助我吗？

提前致谢！