Jquery 在特定浏览器上定位相对问题

我正面临一个奇怪的问题。我已经在我的网页上放了。我修改了css并放置了position:relative；在表格标题的单元格处。如果使用chrome浏览器打开页面，您将看到每个标题单元都有一个边框。但是，在firefox和InternetExplorer上看不到这种边界。只有通过chrome，才能显示边框

通过chrome浏览器：

通过firefox和internet explorer：

我注意到，如果我去掉这个位置：relative；从css：

table.tablesorter thead tr .header {
    border-right: 1px solid #333;
    position: relative;
}

每个浏览器都可以显示该边框！！但是，出于某些原因，我需要那个位置：相对的。那么，从firefox和ie中消失边界的原因是什么？如何修复此问题？

尝试删除tr上的边框折叠，并添加边框间距：0

默认情况下边界折叠：分离；应用于表标记，但在您的情况下，边框折叠：折叠；正在制造问题。尝试将其从table.tablesorter css类中删除。

---

此处已更新

请注意Firefox不支持表元素的定位请参见