将元素添加到页面后，将显示幻像边框

Question

我的项目用户界面存在轻微问题。我使用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插件并从那里进行调查。