marginを0で設定しても、IE8でのみ画像に勝手に余白がでてしまう現象について。
http://css-el.seesaa.net/article/138946834.html
を参考にさせていただきました。
imgタグはインライン要素になるので、
サイズの大小に関わらず、テキストと同じように「行」の中に表示されます。
その際、画像のサイズが文字サイズと同じとは限らないので
画像を行の上端・下端どちらかに揃えて表示することになりますが、
何も指定しないと行の下端…ではなく、ベースラインに揃えられます。
テキストとあわせる場合には
vertical-alignで対応する。
img要素のみの場合
div.style01 {
/* 行の高さを0にする */
font-size:1px;
line-height:0;
}
<div class=”style01″><img src=”xxx.jpg”></div>
とすることでimgまわりの余計な余白が解消されました。