Html firefox和chrome中的按钮位置冲突

我使用的是输入html按钮，但它在chrome和firefox中的位置不同，下面是我的代码：

<tr style="float: left; margin-left: 24% !important; width: 100%;">
    <td>
        <div style="text-align: right;" class="txtNew">
        </div>
    </td>
    <td>
        <div class="btn btn-booking unitRight size-btn-book-now mtm mbl" style="text-align: right;">
            <span style="float: left;">
                <button type="submit" onclick="return doSubmit();">Cancel</button></span>
            <span>
                <button type="submit" onclick="return doSubmit();">Next</button></span>
        </div>
    </td>
</tr>

取消
下一个

---

请访问以了解我面临的上述问题。

此问题通过删除div class

宽度：50%

btn btn预订单元正确大小的btn book now mtm mbl解决

请尽快解决此问题