Html firefox上表格中边框折叠的不同厚度

在Firefox中，我有一个表格，当应用边框折叠时，边框的厚度不同。但这个问题在Chrome中并不存在

表格的HTML和CSS代码：

//HTML
<div id="divTabela">
    <table width="100%" cellpadding="4" border="1" name="tabelainfo" id="tabelainfo" class="bordasimples">
        <tbody>
            <tr id="titulotabela">
                <th colspan="1" rowspan="1">Data Inicial</th>
                <th colspan="1" rowspan="1">Data Final</th>
                <th colspan="1" rowspan="1">Distribuidor</th>
                <th colspan="1" rowspan="1">Agendar</th>
                <th colspan="1" rowspan="1">Ver Detalhes</th>
            </tr>
            <tr id="corpotabela">
                <td align="center" colspan="1" rowspan="1">####</td>
                <td align="center" colspan="1" rowspan="1">####</td>
                <td align="center" colspan="1" rowspan="1">####</td>
                <td align="center" colspan="1" rowspan="1"></td>
                <td align="center" colspan="1" rowspan="1"><div title="Ver Detalhes"><a href="#"><div></div></a></div></td>
            </tr>
            <tr id="corpotabela"><td align="center" colspan="1" rowspan="1">####</td>
                <td align="center" colspan="1" rowspan="1">####/td>
                <td align="center" colspan="1" rowspan="1">####</td>
                <td align="center" colspan="1" rowspan="1"></td>
                <td align="center" colspan="1" rowspan="1"><div title="Ver Detalhes"><a href="#"><div></div></a></div></td>
            </tr>
        </tbody>
    </table>
    <br>
</div>



//CSS
table.bordasimples {border-collapse: collapse;}
table.bordasimples tr td {border:1px solid;}
table.bordasimples tr th {border:1px solid;}

#tabelainfo {
    padding-top: 0px;
    font-size: 12px;
    font-family: Calibri;
    text-align: justify;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
    color: #083c06;
    text-decoration: none;
}

//HTML
数据专用
最终数据
分发器
阿根达尔
详细说明
####
####
####
####
####/td>
####


//CSS
table.bordasimples{边界折叠：折叠；}
table.bordasimples tr td{border:1px solid；}
table.bordasimples tr{border:1px solid；}
#tabelainfo{
填充顶部：0px；
字体大小：12px；
字体系列：Calibri；
文本对齐：对齐；
边框顶部颜色：#FFFFFF；
右边框颜色：#FFFFFF；
边框底色：#FFFFFF；
左边框颜色：#FFFFFF；
颜色：#083c06；
文字装饰：无；
}

请参见下图中的表格行：

---

我只需更改CSS代码就解决了这个问题：

table.bordasimples {
    border-spacing: 0px;
    border:1px solid #D2DDD4;
}
table.bordasimples tr td, table.bordasimples tr th
{border:1px solid #D2DDD4;}

我将边框折叠替换为边框间距，并更改了边框的颜色，现在我的表格符合我的要求，并且具有更好的布局

---

谢谢大家

请显示更多代码。您的表的完整HTML如何？它看起来像一个渲染问题。当您滚动时，边框是否自行“修复”并移动到另一行？@drip，否。当页面滚动时，问题仍然存在。好的，我已使用更多代码更新了主题。我对我的表使用了边框折叠，它成功地解决了问题。但是，边框间距：0px不起作用。我尝试了Chrome，并在iOS的UIWebView中运行了它。谢谢你的灵感！