rollover et frame

bonsoir, je ne sais pas si je vais arriver a bien exprimer mon petit probleme mais je tente:

il s'agit d'un rollover de base sans preload sur ma page index.html que voici:
Code:

1 2 3 4 5 6 7 <a href="#" OnMouseOver="document.photo.src='preload/photo_on.gif';" OnMouseOut="document.photo.src='preload/photo.gif';"><img src="preload/photo.gif" name="photo" border="0"></a>
rollover operationnel ( rien de surprenant jusque la:lol:)

mais cette page index.html est appelée dans une frame de la page Index1.html par:

Code:

<frame src="index.html" name="content" scrolling="auto" noresize="noresize" frameborder="0" marginwidth="0" marginheight="0" allowtransparency="true" style="{color:#000000;background-color:#FFFFFF;}{font-style:normal;background-image:none;background-repeat:no-repeat;font-size:12px;height:100%;margin:0;padding:0;text-align:center;font-size:12px;height:100%;margin:0;padding:0;text-align:center;}" />

et c'est la que ca ne tourne pas rond: l'image est bien presente sur ma page Index1.html, mais au passage de la souris elle disparait, ne laissant pas non plus apparaitre la seconde image, je me retrouve avec une petite croix rouge...

Quelle pourrait etre l'origine de ce probleme svp?