IE8やIE6で動作検証してもバグが出ないのに、IE7だけリストのフロートが詰まる現象が発生。
画像が重なって表示されてしまい、親のボックスからもはみ出してしまう状態。
フロートのクリアはしてあるのにクリアがされていないような状態です。
バグフィックスの覚書きです。 HTMLソース
<ul class="hoge">
<li><img src="img/hoge.jpg" alt="hoge" id="hoge" style="border-color:#990000;" /></li>
<li><img src="img/hoge.jpg" alt="hoge" id="hoge" style="border-color:#990000;" /></li>
<li><img src="img/hoge.jpg" alt="hoge" id="hoge" style="border-color:#990000;" /></li>
</ul>

IDやボーダーがスタイルタグで設定してあるのはDOMを使って色を変えたりしているため。

CSSソース

この状態だとIE6はOKなのになぜかIE7だけ画像の高さを認識せずに重なって表示されたり、

対処法は、
height:auto; を親のulに指定する。
IE6の表示でエラーが出る場合はIE7だけ専用タグで読み込めばOK。
ファイルがもう一つ必要なので微妙ですが･･･