IEで画像下部に隙間ができる
font-sizeに起因
画像を縦に積み上げるように配置した際に、隙間ができてしまうことがあります。
特にIE6/7で現れる現象です。
IEでは著名なバグのようで、vertica-align:bottomだけでは直りません。
font-sizeに起因する現象のようです。
imgに以下のスタイルを指定することで直ります。
img{ margin: 0px; padding: 0px; border: 0px; font-size: 0px; vertical-align:bottom; }
※altのテキストが読めなくなる場合がありますが、それを承知でお使いください、