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のテキストが読めなくなる場合がありますが、それを承知でお使いください、