My code contains Html, Css, and Javascript, so this isn't just a Html specific question . I decided to repost this in the HTML section sense my other post has, no responses.

First off, heres the code for one table cell:
<tr>
<TD width="152" height="27" align="middle"
vAlign=center style="CURSOR: hand" onmouseover="
this.style.backgroundColor='silver'" onmouseout="
this.style.backgroundColor='red'">
<div align="center" class="style6">
<span class="style6">
<A style="COLOR: #6699cc; TEXT-DECORATION: none" href="page276.html">
<FONT color="white"> <FONT FACE="Century Gothic"> Home
</font>
</font>
</div>
</td> What i need to do is replace The onmouseover color (silver) to a picture, I also need to do the same for the onmouseout color (red).

Sorry if this question seems a bit noobish, but i can't seem to figure it out.

I think you just need to change this.style.backgroundColor to this.style.backgroundImage.src and then set them equal to the path for the images you want to use.