My onMouseOver events don't work in Netscape. I've just debugged a form for netscape because CSS and forms don't mix well on NS.

Could my new problems also be due to CSS problems?

In one problem, an onMousOver triggers a function which changes a bunch of images on the page(which sit in various divs)--listed below.

In another problem, mouseovers won't trigger image flips when the image to be flipped is located inside another div--listed even further below.

Does anyone know how to solve this, or a good resource to solve this problem?

Thanks

Brad


Problem 1:

<div style="position: absolute; top: 224px; left: 20px">
<a href=""
onMouseOver="changeGroove()">
<img src="buttons/butgroov.jpg" NAME="pic2" width="206" height="27" border="0" alt="">
</a>
</div>

function changeGroove() {
num1=1
altnum=4
document.pic1.src="buttons/butrrp.jpg"
document.pic2.src="buttons/altgroov.jpg"
document.pic3.src="buttons/butpowr.jpg"
document.pic51.src=image1[num1]
document.pic11.src=space1[num1]
document.pic12.src=space2[num1]
document.pic13.src=space3[num1]
document.pic14.src=space4[num1]
document.pic15.src=space5[num1]
document.pic16.src=space6[num1]
document.pic17.src=space7[num1]
document.pic18.src=space8[num1]
document.pic19.src=space9[num1]
}


Problem 2:

<div style="position: absolute; top: 70px; left: 560px">
<a href="javascript:new_window('songcup.html')"
onMouseOver="document.pic61.src='buttons/altsfcup.jpg'"
onMouseOut="document.pic61.src='buttons/butsfcup.jpg'">
<img src="images/spindisc.gif" width=50 height=50 border=0 alt="">
</a></div>


<div style="position: absolute; top: 120px; left: 504px">
<img src="buttons/butsfcup.jpg" NAME="pic61" width="158" height="28" border="0" alt="">
</div>