HTML5におけるimg下のスキマ

HTML5時に、imgタグの直下に要らぬすきまができているのを発見。

むぉ〜〜〜んっといろいろ調べたりして思い出した。
問題はアルファベットのベースライン。

デフォルトだと、pとかgとかの丸い部分のすぐ下がベースラインになるので、
下に伸びる棒の部分のサイズだけ、画像の下に余白が生まれるというもの。

画像なのにフォント関係ないじゃ〜んと思うんだけど、なんでだろうね？

というわけで、imgはこれが必須かな〜？

img {
　border:0;
　vertical-align:bottom;
　}