表边框不直

Question

我正在使用表创建一个html迷宫，出于某种原因，边框没有正确显示。而不是漂亮的直线，边框显示为对角线blob而不是。有没有办法来解决这个问题？这是我的例子：http://thomaswd.com/maze。

输出：

我的CSS：

section .l {
    border-left:20px solid #ff9c00;
}

section .r {
    border-right:20px solid #ff9c00;
}

section .t {
    border-top:20px solid #ff9c00;
}

section .b {
    border-bottom:20px solid #ff9c00;
}

section table {
    margin-right:auto;
    margin-left:auto;
    border:20px solid #FF9C00;
}

Answer 1

从border: 20px solid transparent;选择器中移除section table tr td（代码示例中未显示），看起来很不错。