如何保持html表格布局固定

Question

我遇到了HTML表格布局的问题。我创建了一个HTML表单并使用HTML表格布局表单：

  <form id="form1">
    <table class="ui-widget">
        <tbody>
            <tr>
                <td>
                    <label for="CreateName">Name</label>
                </td>
                <td>
                    <input type="text" id="CreateName" name="Name" />
                </td>
            </tr>
            <tr>
                <td>
                    <label for="CreateDate">Date</label>
                </td>
                <td>
                    <input type="text" id="CreateDate" name="Date" />
                </td>
            </tr>
            .. 
            ...
        </tbody>
    </table>     
   </form>

我在表单字段中插入了jquery验证。现在我的问题是显示验证错误，而不是整个表格布局受到影响。我用过：

        table-layout: fixed;

但它仍然没有用。我该如何摆脱这个问题？