CSS 嵌套table 居中有关问题

CSS 嵌套table 居中问题
按常理来说，只要在父table的tr 或td里设置text-align:center就能居中了。可是VS设计器里居中了，浏览器居中不了。ff里不居中还可以理解，连IE也不能就费解了。

<tr style="text-align:center">

                <td>

                    <table style="border-collapse:collapse">

                        <tr style="text-align:center;">

                            <td style="border:solid #000 1px">单位工程数量</td>

                            <td style="border:solid #000 1px">总建筑面积</td>

                            <td style="border:solid #000 1px">单价（元/平）</td>

                            <td style="border:solid #000 1px">小计</td>

                        </tr>

                        <tr>

                            <td style="border:solid #000 1px"><input id="txt_UnitNum" type="text" class="txtInTab" runat="server" style="text-align:center; background-color: #e6eae9;"/></td>

                            <td style="border:solid #000 1px"><input id="txt_AreaNum" type="text" class="txtInTab"  runat="server" style="text-align:center; background-color: #e6eae9;"/></td>

                            <td style="border:solid #000 1px"><input id="txt_UnitPrice" type="text" class="txtInTab" runat="server" style="text-align:center; background-color: #e6eae9"/></td>

                            <td style="border:solid #000 1px"><input id="txt_Total" type="text" class="txtInTab" readonly="readonly" runat="server" style="text-align:center; background-color: #e6eae9"/></td>

                        </tr>

                        <tr>

                            <td style="text-align:center;border:solid #000 1px">合计</td>