幅を相対単位の値で指定し、かつ固定配置にしたリストアイテム要素(li要素など、 display: list-item; が指定された要素)内で、hover擬似クラスを用いてletter-spacingプロパティの値を変えると、マウス等でポイントした瞬間に要素全体が移動する。
<style type="text/css">
li.a {
position: fixed;
width: 10em;
left: 30px;
top: 10px;
border: 2px solid blue;
}
a.b:hover {
letter-spacing: 1em;
}
</style>
<ul>
<li class="a"><a class="b" href="../mozilla.html">目次ページ</a><br>
<a class="b" href="../mozilla.html">目次ページ</a></li>
</ul>
ページ左上に固定配置されたli要素内にある2つのリンク上でマウスポインタを何度も行き来させてみてください。
Moz1.0では標準・互換モードともに不具合の発生が確認されました。N6.2.3では標準・互換モードともに不具合は発生しませんでした。