jQuery动画在Firefox中不起作用

我正在为我的作品集制作一个网站，但是我的动画在FireFox中不起作用。我浏览了我的CSS和脚本，没有发现任何可能导致问题的错误。我的代码适用于除FireFox之外的所有其他浏览器。动画是为了移动叠加td的对角线，但在FireFox中，他们只是坐在那里，然后淡出。 下面是我的两个动画功能，这里是一个

---

请帮我找到一个解决方案，因为这很烦人。我已经看过类似的主题，但他们要么没有提供答案，要么与我不使用的背景定位有关。

Gecko/Firefox不支持表格单元格的相对定位。因此，使用当前的标记，根本不可能做到这一点。改为使用定位div，它会工作得很好。

Firefox不允许您相对定位表单元格，或者更准确地定位

显示：表单元格的元素。一种解决方法是将
td
元素设置为一些其他
显示
值，例如
内联块
：


尽管这可能会弄乱页面的其他格式。实际上，对于这种用法来说，表格并不是最好的选择。
我过去在firefox、动画和表格方面遇到过问题。在我看来，问题似乎特别在于jquery中隐藏和显示函数。与其试图找到解决方法，我真的建议将其从表格结构改为一堆div。我不是一个经常使用桌子的人，但这似乎是一种更适合于div的情况。将td改为div并重新定位，现在一切都很好。谢谢
$('.overlay').click(overlaymove);
$('#logo').click(overlayreturn);

function overlaymove() {
    $('.tl').animate({
        "right": "265px",
            "bottom": "265px"
    }, 1500);
    $('.tr').animate({
        "left": "265px",
            "bottom": "265px"
    }, 1500);
    $('.bl').animate({
        "right": "265px",
            "top": "265px"
    }, 1500);
    $('.br').animate({
        "left": "265px",
            "top": "265px"
    }, 1500);
    setTimeout(function () {
        $(".overlay").hide();
    }, 1500);
}

function overlayreturn() {
    $('.overlay').show();
    $('.tl').delay(500).animate({
        "right": "0px",
            "bottom": "0px"
    }, 1500);
    $('.tr').delay(500).animate({
        "left": "0px",
            "bottom": "0px"
    }, 1500);
    $('.bl').delay(500).animate({
        "right": "0px",
            "top": "0px"
    }, 1500);
    $('.br').delay(500).animate({
        "left": "0px",
            "top": "0px"
    }, 1500);
    $('.content').fadeOut(1000);
}