在HTML中修复表格内的表格

Question

这是我的HTML，

<table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
    <table border="1">
        <tr>
            <td>123123123123213213</td>
            <td>123123123123123123</td>
        </tr>
    </table>
</table>

这是我的css，

td{
    width: 100px;
}

http://jsfiddle.net/9drBk/

我在桌子里面有一张桌子，我想让td的宽度相等，但是css不起作用。

有任何解决方案吗？

Answer 1

DEMO

<table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
    <tr>
        <td colspan="2">
            <table border="1">
                <tr>
                    <td>123123123123213213</td>
                    <td>123123123123123123</td>
                </tr>
            </table>
        </td>
    </tr>
</table>