当增加或减少填充值时，表的边界移动

Question

这是我的fsiddle

http://jsfiddle.net/n7po3uv7/1/

我有两个按钮：一个用于放大，一个用于缩小。

这是他们的jquery代码：

$("#zoomIn").on('click', function () {
        var previousValue = parseInt($(".table tr td").css("padding-top"));
        if (previousValue < 80) {
            previousValue = previousValue + 10;
            $(".table tr td").css('padding', previousValue);

            var fontSize = parseInt($(".table tr td").css("font-size"));
            fontSize = fontSize + 10;
            $(".table tr td").css("font-size", fontSize);
        }
    });
    $("#zoomOut").on('click', function () {
        var previousValue = parseInt($(".table tr td").css("padding-top"));
        if (previousValue > 30) {
            previousValue = previousValue - 10;
            $(".table tr td").css('padding', previousValue);

            var fontSize = parseInt($(".table tr td").css("font-size"));
            fontSize = fontSize - 10;
            $(".table tr td").css("font-size", fontSize);
        }
    });

问题

三次点击后移除td之间的边框，或缩小或放大。你可以查看吗？

前

后

请在第二张图片中注意第二个单元格之间的边框是如何消失的