NETSCAPEで表示がうまくいかない

折りたたみメニューのようなのを作成してます。
IEだと問題なく動くのですが、
NETSCAPEになると、マウスオーバー・オフで
ロールオーバーの画像が変わらなかったり
表示が消えるはずの箇所が残ったりします。
NETSCAPEでも、ちゃんと動く用にしたいです。
どなたかご助言を頂けないでしょうか？


ソースの中を抜粋しました
<A href ="BOOK.html" onMouseOver="On('img10');" onMouseOut="Off('img10');">
<IMG src ="10-1.png" border="0" NAME = "img10" alt = "">
</A></DIV>
<DIV class="Lmenu_Rmenu">
<A href ="CD.html" onMouseOver="On('img11');" onMouseOut="Off('img11');">
<IMG src ="11-1.png" border="0" NAME = "img11" alt = "">
</A></DIV>
<DIV class="Lmenu_Rmenu">
<A href ="DVD.html" onMouseOver="On('img12');" onMouseOut="Off('img12');">
<IMG src ="12-1.png" border="0" NAME = "img12" alt = "">
</A></DIV>
</DIV></div>

<SCRIPT type="text/javascript" src="java.js"></SCRIPT>
var img1on = new Image();
var img1off = new Image();
　・
　・
var img12on = new Image();
var img12off = new Image();

img1off.src = "1-1.png"; // 普段の画像
img1on.src = "1-2.png"; // ポイント時の画像
　・
　・
img12off.src = "12-1.png";
img12on.src = "12-2.png";

// ポイント時の処理
function On(name) {
if (document.images) {
document.images[name].src = eval(name + 'on.src');
}
}
// 放した時の処理
function Off(name) {
if (document.images) {
document.images[name].src = eval(name + 'off.src');
}
}

No.1 回答者： Blaise 回答日時： 2006/03/07 17:00

<IMG src ="10-1.png" ...NAME = "img10" >

のNAMEをやめて、ID="img10"にするとか。
アクセスはDOMで、
document.getElementById('img10').src =
のようにする。
Mozilla の getElementById は NAME属性は無視する
のでIDでDOMするのがもっとも安全。

この回答への補足

そうなのですか！？
勉強不足でした。早速検証してみます！！
ありがとうございます。

補足日時：2006/03/07 17:52

この回答へのお礼

教えていただき色々試したのですが、
やはりうまく画像が入れ替わりません。
回答を頂いたのに申し訳ありません。

お礼日時：2006/03/09 16:36