ロールオーバー、クリック時のIEの点線

質問

HPでロールオーバーを使用していますが、
IEでクリック時に点線が表示されますが、
きれいな長方形でなく、
後ろのほうが少し押しつぶされたようにカールして表示されます。
これを直す方法があるのでしょうか？

宜しくお願いします。

使用スクリプトは下記のものです。

<script language="JavaScript"><!--

myGifCnt = 4; // ボタン画像の総数をセットします
myGifTbl = new Array( // ボタン画像テーブルを作成
"1-1.jpg", // [0] TOPiのボタン(暗)
"lycos-t.jpg", // [1] Topiのボタン(明)
"1-2.jpg", // [2] bbsのボタン(暗)
"lycos-b.jpg", // [3] bbsのボタン(明)

);

mySrcTbl = new Array( myGifCnt ); // 画像データをメモリに読み込むテーブル定義
for (i=0; i<myGifCnt; i++){ // 画像データ数分ループする
mySrcTbl[i] = new Image(); // 画像バッファ生成
mySrcTbl[i].src = myGifTbl[i]; // メモリに画像データを取り込む
}

function myChange( myBtnNo , myTblNo ){ // 画像変更関数
document.images["myBtn"+myBtnNo].src = mySrcTbl[myTblNo].src;
}

// --></script>

<a href="index0.html"target="new"
onmouseover="myChange(0,1);"
onmouseout="myChange(0,0);"><img src="1-1.jpg"
width="149" height="17"name="myBtn0"BORDER="0">
</a>
<a href="index1.html"target="new"
onmouseover="myChange(1,3);"
onmouseout="myChange(1,2);"><img src="1-2.jpg"
width="149" height="17"name="myBtn1"BORDER="0">
</a>

回答No.1

noname#3345 · ベストアンサー

<a href="">タグの書き方はこの通りですよね？
改行位置が違うと言うことはありませんか？

<a href=""><img=""></a>までの部分の改行を、書くタグの<>の前後でしていまうと、画像の後ろに「_」のような物が付いてしまうことがあります。

<a href="index1.html"target="new"
onmouseover="myChange(1,3);"
onmouseout="myChange(1,2);"><img src="1-2.jpg"
width="149" height="17"
name="myBtn1"BORDER="0"></a>

としてみたら、いかがでしょうか？

お礼

早速のご返答、ありがとうごうございました。

Prynneさんのお答えのとうりでした。
</a>を改行せずに訂正したところ、きれいに表示されました。
きわめて初歩的なミスであることを痛感しています。