jquery-动画导致DIV重叠IE7

我在另一个分区的上方有一个隐藏的分区(contactarea)。当我单击链接时,contactarea打开。当我再次单击它时,它会关闭并备份。除IE7外,一切都很好。

两个div是透明的,因此它们重叠。我不知道为什么会发生这种情况,也不知道为什么它不会在其他浏览器上发生。只是感觉IE7就在这个上面。

有办法解决这个问题吗?

$(document).ready(function(){ 
    $("#contactArea").css('display', 'none');

    $("a.contact").toggle(function() { 
        $("#contactArea").animate({height: "show"}, 1500, "easeOutBounce");
    }, function() {
        $("#contactArea").animate({height: "hide"}, 1500, "easeOutBounce");
    });
});