クリック時の点線を消したいのに…

IE（Internet Explorer）において、リンクのついた画像をクリックしたときに出る点線は
a{outline:none;}　では効果が無い。困るよ、ほんと。

いろいろ調べて

jquery.linkscubber.jsというものを使い

$(document).ready(function(){$("a").bind("focus",function(){if(this.blur)this.blur();});});

を実行させればいいのだというので試してみたが、IE7では効果が無かった。
（$ は使わないで jQuery と置き換えた）

さらに、下記スクリプトも効果が無かった。

window.onload=function(){
　a=document.getElementsByTagName("a");
　for(i=0;i<a.length;i++){
　　a[i].onfocus=function(){this.blur();}
　}
　area=document.getElementsByTagName("area");
　for(i=0;i<area.length;i++){
　　area[i].onfocus=function(){this.blur();}
　}
}

さらにさらに調べて

<a href="URL" onFocus="if(this.blur)this.blur()">リンク</a>

というように「onfocus〜blur()”」をいちいち付け足して行く方法があった。
これは有効だったが、
これを使うとタブ移動ができなくなるそうで、

解決策がないではないか…..。

ということで、ここは使い勝手を優先にしてそのままにしました。

※テストしたのはwordpress3.4を使ったオリジナルデザインサイトです。