HTML mouse effects in cell rows....

Hi All

I am just finalising some fine details on a games site I am about to officially launch for my son hopefully during this coming weekend. I am running vBCMPS and have created a new module for some of the site navigation. What I want is to have the cell highlighted with a different colour when the mouse moves over that particular cell.

So far I have been trying...


<tr onMouseOver="this.className='alt2'" onMouseOut="this.className='alt1'">
<td width="100%" align="left" valign="top" height="15">
<img border="0" src="http://www.thegamesmaster.com/vb/images/bullet.gif" width="12" height="12" hspace="5" align="bottom">Home
</tr>

... which indeed works, but only after the mouse has been moved over the cells for which it applies i.e. when the page first loads, the default table class background colour (in the case on my site = black) is shown as the background for the cells and what I want is to have a default for the cells of alt1 then when the mouseover is applied, it changes to alt2.

How can I do this please?

The site is www.thegamesmaster.com (http://www.thegamesmaster.com)

try over at http://www.vbulletintemplates.com i believe someone released a mod there on how to do cell highlighting;)