将元素添加到页面后出现幻影边框

Question

我的项目的 UI 有点小问题。在调用的进程完成后，我正在使用 jQuery 模板向页面添加元素。我在页面上有一个表格，只有表格的标题有边框。这是标题边框的 CSS 设置：

#mainContent thead tr td{
    border: 1px solid #bbbbbb;
    border-collapse: collapse;
    background-image: url(../images/columnheader_bg.png);
    background-repeat: repeat-x;
    background-color: #e2e2e2;
    text-decoration: underline;
    font-weight: bold;
    padding: 5px;
}

在调用过程完成并通过 jQuery 模板添加元素后，表头的边框出现在表体的第一行。很难解释，所以我在http://screencast.com/t/LD8SvpgV 拍摄了一个屏幕截图视频（请注意，在视频末尾的“状态”和“操作”下会出现边框）。

任何人都知道是什么原因造成的以及如何将其移除？

干杯，

起亚

Answer 1

很难通过您提供的详细信息确定确切的问题。

它只发生在特定的浏览器上吗？

我建议您为 Firefox 安装 Firebug 插件并从那里进行调查。