Frozen column and mouseover/out

I followed http://www.activewidgets.com/messages/1038-3.htm to make a frozen column with selection synchronized between the frozen column and the row.

Then I added the following code to add the onmouseover/out feature.

<style>
.active-row-highlight {background-color: threedshadow}
.active-row-highlight .active-row-cell {background-color: threedshadow}
</style>

row.setEvent("onmouseover", "mouseover(this, 'active-row-highlight')");
row.setEvent("onmouseout", "mouseout(this, 'active-row-highlight')");

However the onmouseover/out only works in the row, not in the frozen field. How can I make the field change to in sync with the row?