イメージマップの画像がIE6でリンクされません

質問

依頼されたページを作成中ですが、
イメージマップで作成した部分がIE6のみリンクされず困っております。
IEテスター（http://coliss.com/articles/browser/ie/928.html）にてIEの各バージョンで動作確認しました。
バグなのか何なのか分からないので、どなたか詳しくご教示頂ければ幸いです。

■CSSデータ
*{
margin:0px;
padding:0px;
}

html {
scrollbar-face-color: #F5E1D8;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color:#F5E1D8;
scrollbar-3dlight-color: #F5E1D8;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
}

body {
margin:0 auto 0;
background-color: #FFFFFF;
font-family:sans-serif;
font-size:8pt;
}

form {
margin:0px;
scrollbar-face-color: #F5E1D8;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color:#F5E1D8;
scrollbar-3dlight-color: #F5E1D8;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
}

#container {
width:950px;
margin:0 auto 0;
background-color:#FEFBEE;
}

#logo{
margin-left:80px;
height:150px;
}

#box1 {
text-align:center;
line-height:20px;
height:100px;
}

#box2 {
text-align:center;
line-height:20px;
height:150px;
}

#box3 {
text-align:center;
line-height:20px;
height:70px;
}

#box4 {
text-align:center;
height:300px;
background-image: url(../img/top_haikei.jpg);
background-repeat: no-repeat;
background-position: center bottom
}

回答No.2

fujillin · ベストアンサー

IE6で実験してみました。
ご提示のページは確かにリンクが効きません。
ソースのみをローカル保存の状態で再度試すと、きちんと円状のリンクが確認できます。

推測ですが（確認はしてません）、pngfix.jsが悪さをしていることはないでしょうか？
一時的にはずしてみて（画像は表示できなくなるかも知れませんが）リンクが生きるようになるようなら、そのへんが怪しそうですが…

お礼

fujillinさま

ご回答ありがとうございます！
先程pngfix.jsを外してみたらご指摘通りリンクされたので、
ここが問題だったようです。
ただ、このタグ自体は外さないでほしいと会社から言われているので、
イメージマップ自体をやめることにしました。

アドバイス本当にありがとうございました！

回答No.1

metametamu

http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html
これでhtmlを修正してみてください。

個人的にはIE用の条件付きコメントが気になりました。7.っていう書き方で正常に読み込まれるかどうかよく知りません。

お礼

meametamu 様

ご回答ありがとうございました！
お教え頂いたツールでHTMLの修正を行いましたが、
結果は変わりませんでした。

IE用の条件付きコメントは会社から依頼された通りに記述したので、
これが問題ではないような気がします。

7.という書き方以外だと、具体的にはどういった記述が良いのかお教え頂けると嬉しいです。