リンクの格好をよくしようとしたら…画像まで

質問

リンクをしている字の上にカーソルをもってきたら字のテキストカラーと下線が着いて、背景に色が付くように、下のような設定を見よう見まねで作って、テキスト文字は思うようになっています。

でも、画像にリンクを付けたものはインターネットエクスプローラーでみると、正常なのですが、ネットスケープでみてみると、ほとんどの画像が消えて、一部分だけ帯のようにバックグランドカラーがでて、そこだけ画像の部分が表示されます。この設定だったら、画像にリンクを張れないので困っています。　

A:HOVER {text-decoration: underline; position:relative; top:1; left:1; color: #ff0000;
background-color : #fee8e2;
background-repeat : repeat;
}

回答No.3

suzuko · ベストアンサー

他が行けたのなら、見当違いかもしれませんが。

a:hover {
display: block;
}
を付け加えてみては？

お礼

suzukoさん、どうもありがとうございました。
外部cssの　a:hover {
}に　display: block;
を付け加えてみました。
結果は、バッチリ反映し、NSでもロゴが消えないようになりました。とても嬉しいです。また、新しいことを一つ勉強できました。
本当にありがとうございます。
　また、私の質問に答えていただいた皆様も、ありがとうございました。また、これからも、変な質問をするかもしれませんが、どうぞよろしくお願いいたします。

回答No.2

Pochi67

<td height="81" ～
の、heightの値を画像サイズに合わせて110以上にしてもダメですか？

補足

Pochi67さん、ありがとうございます。
早速、110～120と試してみました。
でも、残念、変わりませんでした。なんでかなぁ。
試しに、ほかの写真画像にリンクをかけてみましたが、それはNSでも正常に表示・動作しました。

回答No.1

chinensis

ご提示されているcssに特におかしな記述は見当たりません。（IE6.0でもNS4.xでもサポートされています。）
そうなると疑わしいのは「画像に付けたリンク」だと思われますので、よろしければその部分のソースもご提示願えませんでしょうか？

補足

どうもご親切にありがとうございます。
一応セルの設定も。
sozaiというフォルダに入れたtsuhan-life-xrogo.gifからindex.htmlにリンクを掛けているつもりです。
それから、ＮＳ7.1で見ています。消えた場所にカーソルをあてて、クリックすると画像が出ますが、カーソルを動かすとまた、消えます。どうぞご指導よろしくお願いいたします。

<td height="81" width="257" valign="middle" bgcolor="#ebe8ff"><a href="index.html"><img src="sozai/tsuhan-life-xrogo.gif" width="245" height="110" border="0"></a></td>