スタイルシートについての質問です。

以下の現象で困っています。

【現象】
文頭に「※」記号を使ったとき:first-letterの設定が2文字目まで適応されてしまいます。

WinXPのOpera9だと3、4、5、FireFox2だと4が、2文字目まで黒背景赤文字になります。
IE6では大丈夫でした。

文字コードセットはshift_jisです。

【望む回答】
１）この現象を回避する方法はありますか？
　今は（５）で対応していますが、半角スペースを入れないで済むようにしたいです
２）Macが無いので確認できないので、Macではどうのようになるか、解決法も合わせて教えてください（FireFox/Opera/Safari）。

【CSS】

p.test {
color: #000;
background: #EEE;
}

p.test:first-letter {
color: #F00;
background: #333;
}

【HTML】

<p class="test">
日本語1
</p>

<p class="test">
ABCD2
</p>

<p class="test">
※記号3
</p>

<p class="test">
※※※※4
</p>

<p class="test">
※ ※記号の後に半角スペースが入っています5
</p>


それでは、よろしくお願いいたします。