提交按钮不会；不适用于Chrome或Firefox，但适用于Internet Explorer

我遇到过一种情况，如果你在Firefox和Chrome中点击提交按钮，它将无法工作，但它在Internet Explorer中可以正常工作。

更奇怪的是，我发现我可以"制表"到按钮，然后点击回车键，它就会起作用。这是表单代码的一部分：

<form id="product_form" name="product_form" method="post" onsubmit="return validateProductForm();" action="product-photo-mail.php" enctype="multipart/form-data">
 <table width="100%" border="0">
    <tr>  
        <td class = "left_side" width="30%">Quantity:</td>
        <td class = "right_side" width="60%">
            <select name = "quantity_cards">
                <option>50</option>
                <option>75</option>
                <option>100</option>
                <option>125</option>
                <option>150</option>
                <option>more</option>
            </select>
        </td>
    </tr>
    .
    .
    .

    <tr>
        <td colspan="2" align="center">You're almost done!</td>
    </tr>
   <tr>
        <td colspan="2" align="center"><br />After you submit your order we will send over your digital proof for approval!</td>
   </tr>
     <tr>
        <td colspan="2" align="center">
            <input type="submit" name="button1" id="button1" class="formbutton" value="Submit My Order" />
        </td>
    </tr> 
</table>
</form>`

当我把按钮移到文本上方时，它在所有浏览器上都能正常工作。我不知道为什么会发生这种事。我花了几个小时试图让它发挥作用，我唯一能做的就是交换订单：

    .
    .
    <tr>
        <td colspan="2" align="center">
            <input type="submit" name="button1" id="button1" class="formbutton" value="Submit My Order" />
        </td>
    </tr>   
    <tr>
        <td colspan="2" align="center">You're almost done!</td>
    </tr>
   <tr>
        <td colspan="2" align="center"><br />After you submit your order we will send over your digital proof for approval!</td>
   </tr>
</table>
</form>

我想先有文本和提交按钮，但我已经无计可施了。以前有人经历过这种情况吗？