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

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

お礼

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

補足

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