borderの下線が表示されない

質問

手元にソースがないので、正確かわかりませんが・・・
以下のように記述したとします。

<pre class="box">
hoge
</pre>

pre{
margin:10px;
overflow:auto;
}

pre.box{
border:1px #000000 solid;
backgroud-color:#eeeeee;
}

・Firefoxにおいて
この場合、枠線の下線だけが表示されない場合があります。
必ず発生するわけではなく、稀に発生します。

overflow:auto;の影響であることはわかっています。
これを設定しない場合はちゃんと表示されます。

このような現象は何が原因なのでしょうか？
正確なソースがないと何とも言えないでしょうが、何か情報はありませんか？

回答No.1

noname#39970

隣接している場合は複合作用が考えられる。
件のソースだけでは再現しないのでは？

主に表のような使い方をdivでやっていたりすると起きる模様。
また　overflow　の影響というよりは　描画が狭すぎるのでスクロールバーに関する余裕が無く消える可能性。
もっと長く改行もそれなりにあるテキストで同じかどうか試してみたらどうだろう。