html - ネストされたテーブルで境界線の折りたたみが機能しない

Question

これが私が得たものです、ボーダーコラプスが機能していません:

更新: Border -collapse が機能しないということは、内側のテーブルに二重の境界線があり、見栄えがよくないことがはっきりとわかるということです。

コードの簡略版:

<style>
table, tr, td
{
    padding:0;
    margin:0;
    border-collapse: collapse;
}
td
{
    border:1px solid black;
}
</style>
<table cellpadding="0" cellspacing="0">
<tr>
    <td>Content 1</td>
    <td>Content 2</td>
    <td>Content 3</td>
</tr>
<tr>
    <td colspan="3">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td>Content inner</td>
                <td>Content inner</td>
            </tr>
        </table>
    </td>
</tr>
<tr>
    <td>Content 1</td>
    <td>Content 2</td>
    <td>Content 3</td>
</tr>
</table>