Safariでのpre要素内の扱い？

ココログで、月別バックナンバーのプルダウンメニュー作成用スクリプトを公開しているのだけど、

http://facet.cocolog-nifty.com/divers/2005/01/post_8.html

コードをpre要素を使って以下のように書いた場合、safariではなんと「バックナンバー一覧」というリンクだけが現れるという報告が…。

記事編集画面ではこう：

<pre>
&lt;noscript&gt;
&lt;a href="http://facet.cocolog-nifty.com/divers/archives.html"&gt;バックナンバー一覧&lt;/a&gt;
&lt/noscript&gt;
&lt;script type="text/javascript" src="http://facet.cocolog-nifty.com/divers/files/monthlyArchiveSelector01a.js"&gt;
&lt;/script&gt;
&lt;script type="text/javascript"&gt;
&lt;!--
MakeMonthlyArchiveSelectorHtml("http://facet.cocolog-nifty.com/divers/", "2003/12", "月別バックナンバー");
//--&gt;
&lt;/script&gt;
</pre>

MacOSは10.3.9　SafariはVer.312.3.1
だそうで。

MacIEみたいにoverflowがらみかなとも思ったんですけど、ググっても原因を見つけられず…

preのCSS：

pre {
max-height: 300px;
overflow: auto;
padding: 0.5em;
background-color: #f0f0f0;
}

むむむ。HELP!(T_T)