html - html中的表格间距

Question

无论出于何种原因，我在两个 TD 单元之间发现了一个小间隙(线条不接触)。 那边没有填充或边距......我做了这个崩溃的想法。

它为什么在那里？ http://jsfiddle.net/CKy6U/

我的 html:

<table>
    <tr>
        <td>
            TEST CELL 1
        </td>
         <td>
             TEST CELL 2
        </td>
    </tr>
</table>

我的 CSS:

table
{
    width: 100%;
}
tr
{
    border-bottom: 1px solid Black;
}

td
{
    border-collapse: separate;
    border-spacing: 0px;
    border-left: 1px solid Black;
    border-bottom: 1px solid Black;
    padding: 3px;
    width: 50%;
}

我的结果:

Answer 1

为表格添加边框折叠。

table
{
width: 100%;
border-collapse:collapse;
}

DEMO