Firefoxでの上の画像と下の画像のすき間を無くす方法

Webページで画像を縦に並べて表示した場合、IEでは問題ないがFirefoxでは間にすき間が空いてしまうことがある。

<div>
<img src="fx.png" alt="test" /><br />
<img src="fx.png" alt="test" />
</div>

このすき間を無くすには、スタイルシートで"line-height:0"を指定すればよい。

<div style="line-height:0;">
<img src="fx.png" alt="test" /><br />
<img src="fx.png" alt="test" />
</div>

テキストも表示している場合はline-heightの指定場所など工夫が必要かも。