liタグで画像を用いたメニューを作った時、下に隙間が出来てしまったらやってみること

先日会話中に

「うにが『そんなこともあったような気がする』って言う時って、実はまったく覚えてないことが多いよね」

と言われました。
図星とまでは言いませんが、、、半分ぐらいあってます、きゃ。


IE、Firefox問わず（主にIE）、リストでメニューを作っている時、下に隙間ができることがよくあります。
3ピクセルか4ピクセルくらいの、謎の隙間です。
そんな経験ありませんか？

画像のheightが決まっているならば、

ul#menuList li {
    height: 50px;
    overflow: hidden;
}

とかでもいいかもしれませんが、メニュー画像のheightがバラバラの場合、なかなかそうはいかないです。

そんな時は、以下のように指定してみてください。

ul#menuList img {
    vertical-align: top;
}

これで直るかもしれません。





なぜ直るのかは、よく知りません（ゎ