Reason why IE8 expand height

このページでやっている事

IE8を使って、ホームページなどをみていると、画像が縦方向にビューんと伸びた画像に出会うことがあります。

このページの画像も、IEで閲覧することで、狭いカラムに押し込まれた場合に、縦方向に伸びる現象が確認できると思います

私が制作しているブログのテーマファイルで、このような現象に出会い、どうしてこのようなことが起きるのか、という点についてメモを残すことにしました。

このページは、実際にIEで画像が伸びることを確認するためのページです。

このページにあるリンクをクリックしていただくことで、ページ幅やカラム数を変化させることが出来ます。広いカラムや、狭いカラム思い思いに、試していただけます。

[1]これが問題の画像です。この画像タグは、width height 属性にサイズが記述された正しい画像の記述で書かれています。
この記述の仕方は、正当な方法ですが、IEで閲覧したときには、このような問題が発生します。