<a><span><img> IE6カーソル

質問

<a href="javascript:void(0);"><span class="hoge"><img src="hoge.jpg"></span></a>
のように書いて、CSSには、
.hoge{
position: relative;
display: block;
width: 80;
height: 80;
background-color: #000;
}
と書きました。

IE6ですと、カーソルが手の形になりません。

やりたい事は小さめのimgの背景を所定のサイズで（この場合80×80）黒塗りにしたいのです。
（imgはposition:absolute;でtopとleftでセンターにもってくるつもり）

aの中にspan、その中にimgはダメですか？

IE6でも他のブラウザと同様の動作をさせるにはどうしたら良いでしょう？

IE6は無視して下さいの回答は不要です。

以上、ご指導の程、よろしくお願いいたします。

回答No.1

ORUKA1951 · ベストアンサー

<a href="javascript:void(0);"><span class="hoge"><img src="hoge.jpg"></span></a>
はHTML4.01的には間違っていません。a要素にはインライン要素しか入りませんから・・
「<!ELEMENT A - - (%inline;)* -(A) -- anchor -->」--12.2 A要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/links.html#edef-A )

　一方、インライン要素は、ブロックではありませんからblockに指定可能なプロパティは設定できませんから、スタイルシートでブロックに変更する必要があります。

<p class="hoge"><a href="javascript:void(0);"><img src="hoge.jpg"></a></p>
・・・a要素は必ずブロック要素内に書きます・・・そのブロックにclass名をつけておけば良い。
スタイルシートは
p.hoge{
text-align:center;
line-height:80px;
width:100%; /* static以外の直近の親コンテナブロックの巾を参照 */
}
p.hoge a img{
background-color: #000;
}

お礼

ORUKA1951さん、ご回答有難うございました。

非常に為になるご回答でした。