Q795 When using links that are not underlined, how can I make the underlining appear when using onMouseover?

<STYLE><!--
A {text-decoration: none;}

.underline   {text-decoration: underline;}
.nounderline {text-decoration: none;}
//--></STYLE>

<A HREF="pagename.htm" onMouseOver="this.style='underline'" onMouseOut="this.style='nounderline'">text link</A>