I'm doing some experiments with onMouseOver&Out effects on table rows.

HTML code:
<tr onmouseover="this.className='test1';" onmouseout="this.className='test2';">

But when i move my mouse over the rows altering the class thakes about 80% with IE(6) ans about 40% in Mozilla (1.1)...

what's that all about... it's not acceptable, so if anyone out there have a work around this, please contribute. I realy can't use anything else like this.style.backgroundColor, becouse i have to use seperated CSS file (multiple color themes)...