フォントサイズでレイアウトがずれる？

質問

cssでページレイアウトをしているのですが、

外部cssでサイト全体のフォントサイズを13pxにした場合

body {
font-size: 13px;
}

同じ画像なのに（四角のボタン）下部分の1pxの底辺が表示されるものとされないものが出てきました。

HTMLの記述内容は以下の通りです。
<div class="menu">
<p><img src="/img/**1.png" alt="" width="180" height="33"></p>
<p><img src="/img/**2.png" alt="" width="180" height="33"></p>
<p><img src="/img/**3.png" alt="" width="180" height="33"></p>
<p><img src="/img/**4.png" alt="" width="180" height="33"></p>
</div>

<p>にmargin、paddingなどは設定していません。

この場合、画像、ｃｓｓ共に同じ条件であるはずなのに、3番目の画像だけ上記のような不具合がおこりました。

フォントサイズを14pxにした場合、問題なく表示されます。

firefoxで確認したところは13px,14px共に、きちんと表示されていました。

ちなみにブラウザはIE6です。
ブラウザのバグか何かでしょうか？？

申し訳ありませんが、どなたかご教授お願い致します。

回答No.1

rainbowsix · ベストアンサー

よくはわかりませんが、例えばpタグに対して、
.menu p{
overflow:hidden;
}
などと指定してあげるのはどうでしょう。
もしくは、
.menu p img{
display:block;
}
とか・・・

お礼

色々調べて分かりました！！
ありがとうございました！！