マウスオーバー時のリンクの下線を変更したい

今までは、リンクにカーソルを重ねるとリンクの下線を消すようにしていた。

a:hover { text-decoration: none; }

今度は、リンクの下線を点線（dotted）にしてみたい。

a:hover { text-decoration: none; border-bottom: 1px dotted #ff0000; }

ところが、IE6だと点線が破線になってしまう。

それじゃ、点線の画像を表示させてみてはどうだろう。

a:hover { text-decoration: none; background: url(http://islandz.cocolog-nifty.com/dotted.gif) repeat-x bottom; }

ところが、IE6だと2行以上に折り返されたリンクでは、すべての行につくはず
の点線が、最後の行だけに表示される。
Internet Explorer (Windows) CSSバグリスト

いつも自分のやりたいことの邪魔をする、IE6なんかなくなってしまえ！！！