Appreciate any assistance. I am trying to do a mouseover from the left frame menu and it is supposed to change the image butterfly.jpg on the frame topFrame. The following script works in IE (except the alignment of my menus is all messed up) but it will not change the image properly in the topFrame using Firefox. Not sure what i am doing wrong as every place i searched said to use parent. to access the parent and then call the topFrame by its name which i have named topFrame in the frameset, still doesn't work. The mouseovers work fine if they are in the same frame however. Thanks for assitance.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="stylesheetSide.css" rel="stylesheet" type="text/css" />

<script language = "JavaScript" type="text/javascript">

function roll_over_image()
{
	parent.topFrame.document.images.butterfly.src = 'Comingsoon.gif';
}

function roll_off_image()
{
parent.topFrame.document.images.butterfly.src = "butterfly.gif";
}


function roll_over_welcome()
{
document.images["welcome"].src ="redArrow.gif";
}

function roll_off_welcome()
{
document.images["welcome"].src ="welcome.jpg";
}

</script>


</head>


<body>
<p>&nbsp;</p>
<p align="center"><img src="welcome.jpg" alt="Welcome" width="83" height="30" align="left" name ="rolloverImage" onmouseover = "roll_over_image()" onmouseout = "roll_off_image()"/></p><br/>
<p align="center"><img src="welcome.jpg" alt="Welcome" width="83" height="30" align="left" name ="welcome" onmouseover = "roll_over_welcome()" onmouseout = "roll_off_welcome()"/></p><br/><br/>
<li>
<fontmenu>
<center>&gt;&nbsp;Labs&nbsp;&lt;</center></fontmenu>
      <ul> 
        <li><a href="lab1.html" target = "mainFrame">Lab1</a></li> 
        <li><a href="#">Lab2</a></li> 
        <li><a href="lab3.html" target = "mainFrame">Lab3</a></li> 
        <li><a href="#">Lab4</a></li>
        <li><a href="#">Lab5</a></li>
        <li><a href="#">Lab6</a></li>
  </ul> 
</li> 



</body>
</html>