防備録：IEでdiv内に配置した画像imgの上下に隙間ができる

よくあることだけど

IEで画像を配置すると上下に隙間ができる。


よくある答えだけど

imgに
------------------------------------------
vertical-align: top;
vertical-align: bottom;
------------------------------------------

とか


imgに
------------------------------------------
display: block;
margin:0;
border: 0px;
padding: 0px;
------------------------------------------

とか


それでもダメだったとき。




画像を配置した親divに
------------------------------------------
font-size: 0px;
------------------------------------------
（※div内にフォントがなかったのだが。。）







そんなことで時間を費やした。





誰かIE6を片っ端から破壊していくウイルスを流行らせてください。