ブラウザの対応状況の問題

ブラウザもいろいろ種類があるが、規格の対応状況にはかなり差がある。
XHTML 1.1 で入ったルビは、Mozilla や Firefox は対応していない。
ちなみに、Moziila でCSSを使ってルビを表示させるページがあった。

Netscape6/Mozillaでルビ表示

Netscape6/Mozillaでルビ表示2

Mozillaでルビ表示3

中をちゃんとは見てないが、やってることは難しそう。

また、Internet Explorer は 6.0 でも、CSS の「子セレクタ」「隣接兄弟セレクタ」
「属性セレクタ」などに対応していない。(Mozilla や Firefox は対応)
IE でも「子孫セレクタ」には対応しているので、共通に対応させたい場合はこれを
中心に使うことになる。

何とも面倒なことになっている。