Css 铬和IE显示差异

我有一张桌子

<tr>Page header goes here</>
<tr valign="top">
        <td align="center" height="100%" valign="top">
            <center>
                <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="1">
                    <tbody>
                        <tr height="29%">
                            <td height="29%">
                                 // to display the below tr in center of page
                            </td>
                        </tr>
                        <tr height="31%">
                            <td bgcolor="FFFFFF" height="31%" align="center" valign="top">
                                <table width="40%" height="31%" border="0" align="center" cellpadding="0" cellspacing="0">
                                    <tbody>
                                        <tr>
                                            <td width="16">
                                                <img src="@Href("~/Content/themes/base/images/top_lef.gif")" width="16" height="100%" />
                                            </td>
                                            <td height="16" style="background-image: url('@Url.Content("~/Content/themes/base/images/top_mid.gif")')">
                                                <img src="@Href("~/Content/themes/base/images/top_mid.gif")" width="16" height="100%" />
                                            </td>
                                            <td width="24">
                                                <img src="@Href("~/Content/themes/base/images/top_rig.gif")" width="24" height="100%" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="16" style="background-image: url('@Url.Content("~/Content/themes/base/images/cen_lef.gif")')">
                                                <img src="@Href("~/Content/themes/base/images/cen_lef.gif")" width="16" height="100%" />
                                            </td>
                                            <td bgcolor="#F7F8FB" valign="top">
                                                <div style="height: 30px;">
                                                </div>
                                                @using (Html.BeginForm())
                                                {
                        //login details username and password
                                                }
                                            </td>
                                            <td width="24" style="background-image:url('@Url.Content("~/Content/themes/base/images/cen_rig.gif")')">
                                                <img src="@Href("~/Content/themes/base/images/cen_rig.gif")" width="24" height="100%" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td width="16" height="16">
                                                <img src="@Href("~/Content/themes/base/images/bot_lef.gif")" width="16" height="16" />
                                            </td>
                                            <td height="16" style="background-image: url('@Url.Content("~/Content/themes/base/images/bot_mid.gif")')">
                                                <img src="@Href("~/Content/themes/base/images/bot_mid.gif")" width="16" height="16" />
                                            </td>
                                            <td width="24" height="16">
                                                <img src="@Href("~/Content/themes/base/images/bot_rig.gif")" width="24" height="16" />
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr height="39%">
                            <td height="39%">
                                 // to display the above tr in center of page
                            </td>
                        </tr>
                    </tbody>
                </table>
            </center>
        </td>
    </tr>
    <tr>Page footer goes here</>

但在IE中，登录控件显示在中间，而在chrome中，登录则显示在页眉后面。它似乎没有考虑29%的高度。我尝试添加
，但结果在两种浏览器中都不一样

---

我在寻找一个更整洁的方法来解决这个问题。如果有人能帮我解决这个问题。

请不要将表格用于新的站点布局。有很多更好的方法。请看一下div's

使用表有什么问题。请阅读以下线程：

@using (Html.BeginForm())
{
}