CSS

pre {overflow : auto;}

を追加してみた。
overflow*1の値はvisible,hidden,scroll,autoとあるが、横スクロールバーを出さないようにするためには、visible以外の値にする必要がある。
ここで、値をscrollにした場合、operaとMozillaでは、必要がないときでも、preで囲んだ部分に縦、横スクロールバーが出る。
そこで、値をautoにすると必要でないときにはスクロールバーは出ない。
しかし、IEではoverflowが効かないみたい。やばい表示になってますね。さすがにこれでは困るので、解決策知ってる方は教えてください。

*1:はみ出した部分をどのように表示するか