文字や画像のリンクにマウスをポイントすると
表示が斜めにずれるという方法を紹介します。

スタイルシートで該当するリンクタグ、a:hoverの中に

position:relative; top:1px; left:1px;

を入れればOKです。
上記ソースでは、右下になってますが、左下にずらす場合は
position:relative; top:1px; right:1px; を入れればＯＫです。

また、1pxの数値を大きくすると、ずらすときの距離
（ずれの大きさ）を多くすることが出来ます。
これを利用して、マウスオン時にリンク文字を
右に移動させたり、左に移動させたりできます。