dotnote Days... - :hover 擬似クラスをダイナミックに動かすウラワザを見て、content 好きとして気になったので検証しようとしたのですが。

善く判らないのですが再現しませんでした。以下はテストした文書です（Mozilla Firebird 0.7 にて確認）。

<style>
  abbr[title]:after {
    content: "(" attr(title) ")";
  }

  a:hover {
    text-decoration: none;
  }
</style>

<p>あいうえお <a href="#"><abbr title="Cascading Style Sheets">CSS</abbr> かきくけこ</a>さしすせそ</p>

なお、仕様的に正しいのかどうかは判りませんが、a:hover:after { ... } のようにして、擬似クラスと擬似要素を組み合わせることができるっぽいです。

そういえば、今は亡き二代目 five knuckle shuffle でそのようなことをやっていました。つーか content に画像使えたらもっと萌えるのになー。