Firefox だと pre タグの中身が改行されないの？

昨日書いた記事を Firefox で見ると pre タグの中身がびょーんと豪快にサイドバーを貫いていた。魔貫光殺砲か。
調べてみたら Mozilla 系ブラウザはそういう仕様みたいだ。えー。知らんかった。
Mint's log: preタグの中身がFirefoxで改行されない
そんなわけでリンク先と同様に対処してみた。
スタイルシートの pre の箇所を...

pre  {
  margin: 1em 0;
  padding: 1em;
  background-color: #f0f0f0;
  color: #000000;
}

こうしてみる。

pre  {
  margin: 1em 0;
  padding: 1em;
  background-color: #f0f0f0;
  color: #000000;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

なおったようだ。いかった。
Firefox だから対応したけど IE だったらたぶんやらなかったな。