テキストを飛ばす場合、「text-indent:-9999px」を使いますが、IE6の場合はブロックを認識しないことがあるようです。
例えば、このような場合、cursorがポインターにならなかったりします。
h3 {
text-indent:-9999px;
cursor:pointer;
background:url(../images/sidemenu-top01.jpg) no-repeat;
}
text-indent:-9999px;
cursor:pointer;
background:url(../images/sidemenu-top01.jpg) no-repeat;
}
解決策： IE6 の場合は、横幅を入れるとブロックを認識します。
width:300px;
※WEB制作の場合、IE6に問題がでる場合が多いですが、最初からターゲットのブラウザをIE6と考えて制作すればOKのような気がしてきました。
※手間のかかる子どもの面倒を見れば、他はほっといても大丈夫という・・・。