Разобрался.
внутри CSS вы задаете свойство у ячеек, внутри функций вы пытаетесь его переопределитть для всего ряда.ряд и ячейка-немного разные объекты.соответсвенно фоновый цвет ячейки является более приоритетным, потому что ячейка находится поверх объекта ряд
нашел два способа решения вашей проблемы(второй случайно):
1)
<style>
.t td { background-color: #ffddff; }
</style>
<script>
function over(id)
{
for(i=0;i<id.cells.length;i++)
id.cells[i].style.backgroundColor = '#ffeeff';
}
function out(id)
{
for(i=0;i<id.cells.length;i++)
id.cells[i].style.backgroundColor = '#ffffff';
}
</script>
<table class=t>
<tr onmouseover="over(this);" onmouseout="out(this);">
<td>1234567890</td>
<td>1234567890</td>
<tr onmouseover="over(this);" onmouseout="out(this);">
<td>1234567890</td>
<td>1234567890</td>
</tr>
</table>
2)
<style>
.t tr { background-color: #ffddff; }
</style>
<script>
function over(id)
{
id.style.backgroundColor = '#ffeeff';
}
function out(id)
{
id.style.backgroundColor = '#ffffff';
}
</script>
<table class=t>
<tr onmouseover="over(this);" onmouseout="out(this);">
<td>1234567890</td>
<td>1234567890</td>
<tr onmouseover="over(this);" onmouseout="out(this);">
<td>1234567890</td>
<td>1234567890</td>
</tr>
</table>
PS насчет кросбраузерности ничего не могу сказать. Это не мой конек, к сожалению.но во всех трех моих браузерах все норм(опера, осел, лиса)