お世話になっております。

以下のページですが、下のHTML部分がずれて表示されてしまいます。(オレンジの帯が白の背景より右にずれて表示される。)

https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/


HTML部分はこちらです。
<div style="background-color:orange;color:white;width:730px;height:50px;text-align:center;font-size:2em;">
<p style="line-height:50px;">他にも容量違いの商品がございます</p></div>
<table border="0" cellpadding="0" style="table-layout: fixed;" width="730"><tr>
<td valign="top"align="center"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/01355757/01355759/hokagoku175.jpg" width="150"><br>お徳サイズ！よく飲む方に。</a></td>
<td valign="top"align="center"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/01355757/01355759/hokagoku100.jpg" width="150"><br>お試しサイズ♪一人暮らしの方に！</a></td>
<td valign="top" align="center"><a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/01355757/01355759/hokagoku20.jpg" width="150"><br>外出先でも便利！ペットボトルに入れっぱなしで持ち運びＯＫ♪</a></td>

</tr></table>

何が原因でしょうか。宜しくお願い致します。