CSS border-right，border-bottom没有出现在firefox中

Question

我正在javascript中使用Tic TAc Toe AI。

DEMO

如果您使用的是IE或Firefox以外的浏览器，您会注意到屏幕上有一个蓝色的Tic Tac Toe板。但是如果你使用的是Firefox，那么主板并没有显示出来，而且在Chrome中，主板已经搞砸了。这是我的HTML：

<table id="ticTable" cellpadding="0" cellspacing="0">
    <thead>
        <th colspan="3" id="status">&#x2d;&#x2d;&#x2d;&#x2d;</th>
    </thead>
    <tr>
        <td width="110" height="110"></td>
        <td width="110" height="110"></td>
        <td width="110" height="110"></td>
    </tr>
    <tr>
        <td width="110" height="110"></td>
        <td width="110" height="110"></td>
        <td width="110" height="110"></td>
    </tr>
    <tr>
        <td width="110" height="110"></td>
        <td width="110" height="110"></td>
        <td width="110" height="110"></td>
    </tr>
</table

这是我的CSS：

td{
    margin:0px;
    padding:0px;
    border-bottom:5px solid #58ACFA;
    border-right:5px solid #58ACFA;
    text-align:center;
}
tr:last-of-type td,
tr td:last-of-type{
    border-bottom:none;
}

这在Safari和Chrome中完美运行：

但是，Firefox中没有任何内容。

如何在Firefox中修复此主板？谢谢！

Answer 1

或尝试

margin:0px auto;
padding:0px;
border-bottom:5px solid #58ACFA;
border-right:5px solid #58ACFA;
text-align:center;