居中对齐问题

一个奇怪的问题
这段代码在ie7里显示正常 但是换到opera 或者 chrome里就出问题了
         <div style="text-align: center">
            asd
            <table>
            <tr>
            <td>123</td>
            </tr>
            </table>
            <div>123</div>
        </div>
ie7 三个都能正常居中显示，但是在opera或者chrome里文本‘asd’和div能正常居中， 但是table就不能了， 而是左对齐，实在想不到是怎么回事，请教下大家