imgを子要素に持つ親要素divの高さが、imgより高くなっちゃう問題

<div class="parentdiv">
  <img class="childimg" src="dosei.jpg" alt="" width="180" height="180" />
</div>

フォントのベースラインより下のスペースがある。
ベースラインの下の、ディセンダラインまでのスペース。
それが原因でimgの高さ（180px）に、下のスペース分がプラスされる、らしい。
なんと。

.childimg{
　 display:block;
　 vertical-align:top;
}