OnMouse krockar?

Jag har en OnMouseOver effekt och OnMosueOut på en <td>, som ändrar td:ns bakgrundsfärg, I td:n ligger de en bild, där länktexten står. Men när man för musen över bilden så tappar den kontakt med td:n och kör OnMouseOut vilket byter tillbaka till standard färgen. Och blinkar till igen när man för musen vidare. Jag vill nu göra så att den inte reagerar på bilden som ligger framför? kan man göra det på något sätt?

Lé example;

<script language="JavaScript" type="text/javascript">
myTimer=false; color="white";
</script>
<table border="1">
<tr><td
	onMouseover="this.style.backgroundColor='green';"
	onMouseout="td=this; myTimer=setTimeout('td.style.backgroundColor=color;',100);">
	<img src="foo.gif" onMouseover="if(myTimer){clearTimeout(myTimer)}">
	</td>
</tr>
</table>