Works in IE, Firefox but not on Safari

[pintoamanda]

Can someone tell me why the following code:

<table width="449" border="0" cellspacing="0" cellpadding="0"
align="center">
<tr>
<td><img src="images/whitespace.gif" alt="" border="0"><a
onmouseover="changeImages('web_copy_03','images/web-rollover_03.gif');return
true"
onmouseout="changeImages('web_copy_03','images/web-copy_03.gif');return
true" href="index.html"><img id="web_copy_03"
src="images/web-copy_03.gif" alt="" name="web_copy_03"
border="0"></a></td>
<td<a
onmouseover="changeImages('web_copy_04','images/web-rollover_04.gif');return
true"
onmouseout="changeImages('web_copy_04','images/web-copy_04.gif');return
true" href="agenda.html"><img id="web_copy_04"
src="images/web-copy_04.gif" alt="" name="web_copy_04"
border="0"></a></td>
<td<a
onmouseover="changeImages('web_copy_05','images/web-rollover_05.gif');return
true"
onmouseout="changeImages('web_copy_05','images/web-copy_05.gif');return
true" href="location.html"><img id="web_copy_05"
src="images/web-copy_05.gif" alt="" name="web_copy_05"
border="0"></a></td>
<td<a
onmouseover="changeImages('web_copy_06','images/web-rollover_06.gif');return
true"
onmouseout="changeImages('web_copy_06','images/web-copy_06.gif');return
true" href="sponsors.html"><img id="web_copy_06"
src="images/web-copy_06.gif" alt="" name="web_copy_06"
border="0"></a></td>
<td><a
onmouseover="changeImages('web_copy_07','images/web-rollover_07.gif');return
true"
onmouseout="changeImages('web_copy_07','images/web-copy_07.gif');return
true" href="registration.html"><img id="web_copy_07"
src="images/web-copy_07.gif" alt="" name="web_copy_07"
border="0"></a></td>
</tr>
</table>
Looks fine in IE and Firefox but looks like this in Safari:
http://www.amandadevries.com/adverts/site_wrong.gif

When it should look like this:

http://www.amandadevries.com/adverts/site_correct.gif
Thanks

[RobG]

pi*********@hotmail.com wrote:

Can someone tell me why the following code:

<table width="449" border="0" cellspacing="0" cellpadding="0"
align="center">
<tr>
<td><img src="images/whitespace.gif" alt="" border="0"><a
onmouseover="changeImages('web_copy_03','images/web-rollover_03.gif');return
true"
onmouseout="changeImages('web_copy_03','images/web-copy_03.gif');return
true" href="index.html"><img id="web_copy_03"
src="images/web-copy_03.gif" alt="" name="web_copy_03"
border="0"></a></td>
<td<a

Prossibly because of error correction - close your opening TD tags are
wrong.

onmouseover="changeImages('web_copy_04','images/web-rollover_04.gif');return
true"

There is no point in returning true from the mouseover function, just
remove it. Why not use a:hover with CSS and get rid of the script
altogether? I thought everyone moved to CSS rollovers years ago:

<URL: http://alistapart.com/articles/taminglists/ >

[...]

--
Rob