IE6のfirst-letterの謎バグ

追記

これはひどい…ひどすぎる。

IE、Firefox、Operaの複合バグに遭遇しました。

上記ソースのようにH1に対してfirst-letterを充てていたのですが、やっぱりH1にリンクを付けたくなったわけです。
さぁ、ここで罠。そう。上記バグ対象の一つ、ブロック要素内にインライン要素を入れるとIEでhidden化される！

なんてこった！これではリンクを付けられないではないか。
否、解除方法がありましたね。
タグのセレクタ（タイプセレクタ）を付ける。つまりh1#siteIdというセレクタにすれば良いわけです。

が！まだここでしつこくIEのバグが発生。インラインのほうのフォントサイズを継承して、小さくなりました…。

まぁ、これは無理矢理!importantを用いて解除可能です。が、ここでさらに問題発生。Firefoxでは擬似クラスがかぶるとfirst-letterのほうのスタイルが解除されるという謎のバグ。
調べたらやっぱりお困りの方がおられました。

404 | :first-letter と動的擬似クラス

というわけで、h1#siteId a:hover:after { content: "";}（contentの中身は空でもOK）なんて書き方をしてみました。
見事Firefoxのバグは解消。ちゃんとクリックできて、スタイルも維持されます。

さぁここでOperaチェック…　アッー！

なんとIEと同様のhidden状態に…。contentプロパティが挿入されたせいで発生するようです。
と、まぁここまで必死にやってきましたけど、さすがにこれだけ連鎖的にバグが発生するともう回避できないんじゃないかと思い始めました。

ていうか、もうsiteIdのリンクは諦めます！　orz　くやしいなー…。

どなたか回避方法教えてください。。。help me!　X-(