Frozen column and mouseover/out

I followed http://www.activewidgets.com/javascript.forum.1038.3/ 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?