css - IE 8でフロートを作成するときのimg固定幅

Question

Internet Explorer でのみ固定画像幅に問題があります (IE8 を使用しています)。

まず、パディングが定義されていない場合、画像はまったく表示されません

2 番目に padding:5px; を指定した場合。imgの場合、次のように表示されます

以下は私のコードであるため、画像コンテナdivに特別な幅を設定できないことに注意してください

HTML:

<div class="block_div">
    <div>
        <div class="img_about">
            <img src="test_img.jpg" alt="test_img" width="150" />
        </div>
        <div class="img_about">
            about: "Adapted from Betty Crocker".
        </div>
    </div>
    <div class="clear"></div>   
</div>

CSS:

.img_about{float:left; }
.img_about img{padding:5px; }

そして、フロートを.img_and_text devから削除すると、通常の幅に見えます:150