Firefox で画像の下に隙間が出来てしまう問題

WEB デザイン

以下のような HTML コードを考えます。

<div style="border: solid 1px #666666;"><img alt="sample" src="XXX.png" /></div>
普通は画像と div 要素の border の間に隙間が出来ないと思いますよね？ 実際 MIME タイプを "text/html" として Firefox で表示したときには隙間はできません。

しかし、何故か MIME タイプを "application/xhtml+xml" として Firefox で表示すると画像の下に隙間ができてしまいました。。 なぜ！？

ということで色々調べたのですが、なにせ "application/xhtml+xml" で web ページを提供してる人は少ないので情報が全く無く・・・、結局 レイアウトエンジンが Standards モードである際に表中の画像行間に隙間がある理由 ぐらいしか情報は見つかりませんでした。 ただ現象としては一緒だったので、同じ方法で解決しました。

個人的には画像の下には隙間が無いほうがありがたいんですが・・・仕様なんでしょうか。

その他の場合 (2009.05.26 追記)

上で書いたのは MIME タイプが "application/xhtml+xml" という特殊な状況の場合の話です。 一般的な MIME タイプ "text/html" の場合は関係ありません。

MIME タイプが "text/html" で、画像の下に隙間が空くって場合は CSS プロパティの vertical-aling 属性を疑ってみる のがいいんじゃないでしょうか。