Yahooショッピング～ChromeとIEで見え方が変わりますか？

Question

御世話になります。
Yahooストアエディタで、IEでは正常に順序良く表示される画像が、Chrome では乱れてしまいます。
これは、画像の幅（240px）をもっと小さくすることによってしか解決できないのでしょうか？
因みにタグは下記の通りです。












尚、楽天市場ではIEもChrome も変わりはありません。
宜しくお願い申し上げます。###HR######IMG04013f543b705c9ec47f6dd1f702dd8b1.jpegIMG0### ###IMG1ebff338eebedc546280e0825bbecdc95.jpegIMG1###

Answer

ECマスターズの田中です。

３つの画像の横幅＋自動的に作られる画像と画像の間隔が、
親要素の横幅である730pxを超えてしまうために、
２枚目のような乱れが発生しております。

画像の横幅をもっと小さくする以外でも、
下の６つのタグを

と

で囲み、間のタグを削除していただくことで、
スタイルシートによる設定によって解決することが可能です。

ですが、実際にこの方法を行っていただくと、
１行目と２行目が完全にくっついてしまいます。

現在のように行間を離して表示する場合は、

・１つ目のタグの直前にを入れる。
・１つ目のタグに style="margin-bottom:2em;" を追記する。
　（画像が３行、４行……と増える場合は、４つ目、７つ目……にもご対応いただく必要があります）
・画像３つごとにとで囲み、間をタグで空ける。

などの方法で、行間を離していただきますようお願いします。

Answer

早速のご回答有難うございました。
うまく表示されました。
取り急ぎお礼まで。