昨日，時間ねぇーで画像のリンクを追加したら，CSSのa:hoverで指定した背景色が画像の下部に表示されていることに気づく。ちょっと気に入らない。というわけで，原因についてちょっと調査してみた。
　いろいろ調べてみた結果だが，どうやらFirefoxでドキュメントタイプをXHTML Strictにすると上記のようになることが判明。IEではStrictでの背景色が画像の下部に表示される現象は起きない。またFirefoxでもXHTML Transitionalでも起きない（XHTML Basicの場合は発生する）。どんな感じになるかは下の図を参照。右側の青っぽい色になっているのがa:hoverで指定した表示色である。

Firefoxのレンダリングの違い

　というわけで対策方法としてblogのドキュメント宣言をXHTML 1.1 StrictからXHTML 1.0 Transitionalに変更した。本当はStrictと宣言したいが，やはり見た目が気に入らないので……。