HTML表格边框格式在Firefox中有效，但在Safari和Chrome中无效

我正在尝试用HTML表重新创建以下图表：

以下代码段适用于Firefox：

表{边框折叠：折叠}
td{填充：10px；边框：1px纯黑色；}

福
酒吧
巴兹

看起来像个bug。这没有道理

FX:Crome

表格{
边界塌陷：塌陷
}
运输署{
填充：10px；
}
td.noleft{
边框顶部：1件纯黑；
右边框：1px纯黑；
边框底部：1px纯黑；
左边框：1px纯白！重要；
}
诺莱特{
边框顶部：1件纯黑；
左边框：1px纯黑；
边框底部：1px纯黑；
右边框：1px纯白；
}
td.其他{
右边框：1px纯红；
边框顶部：1px纯红；
左边框：1px纯红；
}

福
酒吧
巴兹
<代码> > p>让我们考虑这个特殊的情况：<代码>框阴影<代码>：


表格{
边界塌陷：塌陷
}
运输署{
填充：10px；
}

福
酒吧
巴兹
看起来像个bug。。。