text-transform:capitalizeでcapitalizeされない場合（Firefox）

CSS

Firefoxのバージョン3.6（Win、Macとも）。

こんな感じのHTMLがあったとする。

<p class="cap">firefoxで、text-transform:capitalizeでcapitalizeされない箇所があるけど何で？（firefoxのバージョンは3.6）。</p>
<ul class="cap">
	<li>firefox</li>
</ul>


CSSはこんな感じ。

.cap {
	text-transform: capitalize;
}


pタグ内とliタグ内の「firefox」の部分が「Firefox」とブラウザで表示されるように、
CSSで指定しているが、
Firefoxで表示すると以下のような感じになる。

Firefoxで、text-transform:capitalizeでcapitalizeされない箇所があるけど何で？（firefoxのバージョンは3.6）。
・Firefox


pタグ内の2つ目の「firefox」がcapitalizeにならない。


IE8、Safari4では、以下のような感じになった。

Firefoxで、text-transform:capitalizeでcapitalizeされない箇所があるけど何で？（Firefoxのバージョンは3.6）。
・Firefox


ひょっとしてと思って、pタグ内の2つ目の「firefox」の前に半角スペースを入れてみた。

<p class="cap">firefoxで、text-transform:capitalizeでcapitalizeされない箇所があるけど何で？（ firefoxのバージョンは3.6）。</p>
<ul class="cap">
	<li>firefox</li>
</ul>


するとFirefoxでも、

Firefoxで、text-transform:capitalizeでcapitalizeされない箇所があるけど何で？（ Firefoxのバージョンは3.6）。
・Firefox

となった。
まあ、当然表示上も、2つ目の「Firefox」の前に半角スペースが入っているけど。