IEで画像に隙間ができる時のTips

HTMLとのCSS（スタイルシート）で丸囲みを使うときに

上蓋は画像をHTMLで、両横線はCSSのバックグラウンドで使用したときなど

IEで上蓋の下に隙間が空くことがあります。

img {
vertical-align: top;
}

IEでは文字の位置がbaselineの値になっているので、top or bottomで指定してあげると

隙間はなくなります。

上下に使用したい場合は個別にクラスでバーティカルを設定すれば大丈夫。