Here's an alternate way of achieving the same, may be more FF friendly?
Code:
{literal}
<script language="JavaScript"><!--
function classChange(element,newclass) {
element.className = newclass;
}
//-->
</script>
<style type="text/css">
.rowon {
border: 1px black solid;
}
.rowoff {
border: 0px;
}
</style>
And then the TD tag with the onMouse event handlers and function call:
Code:
<td align=center valign=top width="{$width}%" id="row{$products[product].productid}{%product.index%}" class="rowoff" onMouseOver="classChange(row{$products[product].productid}{%product.index%},'rowon')" onMouseOut="classChange(row{$products[product].productid}{%product.index%},'rowoff')">