style属性和CSS的冲突问题

想在表格上做一个鼠标放上去就让那一行变色的效果，原理本来是这样的，很简单:

<tr  bgcolor=#ffffff onMouseOver="this.style.backgroundColor='#FFFF99';" onMouseOut="this.style.backgroundColor=''; this.style.cursor='hand';"></tr>

但是放到我那个table里面就就打死都显示不出效果，开始还以为是和EL表达式冲突了。后面到网上也没找到满意的答案，不过有个人的回答提醒了我，说是和CSS冲突了。
我一看，table里面用了CSS：<table align="center" width="90%" border="0" cellpadding="0" cellspacing="1" [color=red]class="tb_data"[/color] id="tb_query">
然后我到CSS里面找到对应的定义：

.tb_data td{
background-color:#FFFFFF;
color:#666666;
height:22px;
}

原来是和这里定义的background-color属性冲突了，把background-color:#FFFFFF去掉就行了