Menu - Mouseout

[101]

Hi,
I have a background for my menu and i have a border around my menu and the menu is transparent + with text in.
On the mouseover the background changes...this is all ok
but on the mouseout what do i put if i want the menu to go back to normal (Transparent with the background) ?
101


<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#000000 height=1 cellSpacing=0 cellPadding=0 width="100%" border=1>
<TBODY>
<TR>
<TD style="cursor:hand" onClick="parent.frames.Main.location.href='Main.htm'; parent.frames.Links.location.href='Links.htm'; return false;" onmouseover="this.style.background='#CC0000';" style="PADDING-BOTTOM: 1px; PADDING-TOP: 1px; FONT-SIZE: 9pt;" onmouseout="?">
<DIV align="center">
<FONT size=2 color=#FFFFFF>
Main
</FONT>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>

[bk1]

try...

onmouseout="this.style.background="transparent;"

[cg9com]

or im pretty sure if you leave the mouseout function blank it will take it back to the way it was before the mouse events. :)

[101]

lol,
The only problem its that i have though of those before and neither or them work
any other suggestion?....

[bk1]

you have 2 style declarations in your <td>...

try using:

<td style="padding: 1px 0; font-size: 9px; cursor: pointer;" onmouseover="this.style.background='#c00';" onmouseout="this.style.background='none';" onclick="...">