我怎样才能让Chrome和Firefox对着花车周围的表格相同？

Question

我正在寻找一种方法来向下移动右浮动图像并将内容环绕在顶部，侧面和底部。

然后因为我想要一个垂直居中的内容点，我决定使用单行表。 （没有使用表格，我找不到方法......）

那时我意识到Chrome和Firefox不会将浮动元素周围的表包裹起来。事实上，Chrome是正确的，而Firefox却没有。

有没有办法让它们保持一致？

请参阅http://jsfiddle.net/XPd9J/49/并更改结果的宽度以了解我的意思。

<div id="leftfloater"></div>
<div id="rightfloater"></div>
<table>
    <tr>
        <td class="centerbullet">
            <img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/32/Actions-arrow-left-icon.png" />
        </td>
        <td>
            Watch behavior when changing result width. Fox != Chrome!
        </td>
    </tr>
</table>

（使用Chrome 29.0.1547.66 m和FF 23.0.1）

Answer 1

哇，这太奇怪了。但似乎添加table{clear:left;}会使Firefox在这种特定情况下更像Chrome。