訂正：
このブログはXHTML 1.0 Transitionalで書かれていて、IE7は「標準モード」でレンダリング（表示）しています。画像はズレたり隙間が空いたりは（多分）しません。
この現象はIEが「互換モード」で作動している時のみの現象みたいです。
ちなみに、このページの携帯版をIEで閲覧すると互換モードで表示されます。画像のズレが確認出来ます。
以下、一回目の投稿の文章。
タイトルで「なんのこっちゃ？」と思われるかもしれないので、画像を貼ると。。。
▲上の画像、まともに見えますが、携帯用ページでIEから見ると多分3つの画像の間に隙間が空いていて、FireFoxなどで見ると画像同士の間に隙間が無い状態で表示されると思う。
コレ、ソースを書くとこんなカンジ。
<div style="width: 332px;">
<img style="width: 225px; height: 205px; float: right;"alt="画像4"
src="https://img.tvbok.com/b/b2008/no4.png" />
<img style="width: 107px; height: 60px;"alt="画像1" src="https://img.tvbok.com/b/b2008/no1.png" />
<img style="width: 107px; height: 78px;"alt="画像2" src="https://img.tvbok.com/b/b2008/no2.png" />
<img style="width: 107px; height: 67px;"alt="画像3" src="https://img.tvbok.com/b/b2008/no3.png" />
</div>
ソース内に「padding:0; margin:0;」のスタイル指定も、スタイルシートで指定しても無駄です。
スタイルシートでキッチリ隙間を無くす設定をしているのに、どんだけcssの設定で試行錯誤してもダメ。。。
次に以下
▲IEで見ても、Firefoxで見ても、画像の間に隙間は存在しない。
ソースにするとこんなカンジ
<div style="width: 332px;">
<img style="width: 225px; height: 205px; float: right;"alt="画像4"
src="https://img.tvbok.com/b/b2008/no4.png" />
<img style="width: 107px; height: 60px;"alt="画像1" src="https://img.tvbok.com/b/b2008/no1.png" /><img style="width: 107px; height: 78px;"alt="画像2" src="https://img.tvbok.com/b/b2008/no2.png" /><img style="width: 107px; height: 67px;"alt="画像3" src="https://img.tvbok.com/b/b2008/no3.png" />
</div>
違いは「IMGタグの間に改行があるか無いか」だけ。
IEって、ソース内の改行も拾っちゃうのね。。。
この辺解らずに2時間くらい悩んじゃった(´Д｀；)