Html 表在firefox中添加了额外的像素

我刚开始为darts组织创建一个网站，但我在表格布局中遇到了一些问题

我做了一张桌子，桌子布局固定，宽度978px。 当我在firefox中查看时，不知为什么它总是会添加另一个8px。在safari中，一切都很完美。 我不知道这里发生了什么

我在下面的链接上发布了这个问题的网页。 欢迎提出任何建议

.dt
{
边际：0px；
边框宽度：0px；
边界间距：5px；
边界塌陷：分离；
表布局：固定；
}
.dt th
{
边框底部：1px实心#cdcdcd；
颜色：#5197fc；
字体大小：粗体；
字体大小：12px；
}
.dt td
{
边框底部：1px点#cdcdcd；
溢出：隐藏；
空白：nowrap；
}

纳姆
电话/Gsm
电子邮件

这是因为您有

边框间距：5px在
dt
元素上。减小该值将减少“额外像素”的数量。
添加边框折叠：折叠；应该解决你的问题
我设法用多种方法解决了我的问题。
我已将“边框折叠”设置为“折叠”，并调整了所有表格单元格的宽度，但每行最后一个表格单元格的宽度除外。
由于某些原因，firefox从来没有给出您要求的单元格的实际宽度。它总是增加或收缩一些宽度，这显示出奇怪的行为

这就是为什么我删除了整个表，并用“display:table”切换到div。
这并没有给我那些奇怪的行为问题


.dt{
显示：表格；
}
.tr{
显示：表格行；
}
第{
显示：表格单元格；
边框底部：1px实心#cdcdcd；
颜色：#5197fc；
字体大小：粗体；
}
.dt.td{
边框底部：1px点#cdcdcd；
溢出：隐藏；
空白：nowrap；
}

纳姆
电话/Gsm
电子邮件
请在此处添加有意义的代码和问题描述。不要只是链接到需要修复的站点——否则，一旦问题解决或者你链接到的站点无法访问，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！我编辑了我的文章，但不确定是否会出现相同的结果。表格中有4个单元格，我考虑了5乘以5的像素。这已经算在我的桌子上了。safari似乎没有问题。浏览器显示正确的表格宽度；我用计算器计算了每个单元格的宽度。我考虑了单元格的间距。511px+152px+252px+38px+（5 x 5px边框间距）=978px请将总宽度减少到953，包括5*5px边框，并检查发生了什么情况。您可能应该在某个地方添加一些额外的pixal，因为您提供的代码似乎不完整，剩下的类在做什么呢；而不是边界崩溃：分离；左只需将文本左对齐到标题单元格。因为表标题在中间放置了所有文本。我为它创建了一个单独的类，因为我不希望表标题的所有文本都显示在左侧。正如您所说，我调整了我的表以使边框折叠，但结果完全相同。我也试过你的例子，减少总宽度，但没有结果。