This little snippet of code is from a AJAX/PHP/JavaScript widget that retrieves stock quotes and fills in a table with the data.

-------------------------
From the JavaScript file:
-------------------------

for (var i = 0; i < oResult.stocks.length; i++) {
var altcolor = i % 2 == 0 ? 'light' : 'dark';
var oStock = oResult.stocks[i];

var oRow = this.table.insertRow(i);
oRow.className = "altcolor";

-------------------------
From the CSS file:
-------------------------

.light {
background:#000000;
}
.dark {
background-color:#FFFFFF;
}

I literally just started learning DOM and JavaScript yesterday, but shouldn't the above snippet work? It works in another plain JavaScript file that I have. I've also tried a few other similar methods I found on the web, though, they didn't see to work either.

Any help would be appreciated.
Thanks in advance.

Also, if anyone know how to highlight the rows "onmouseover", that would be even better. Thanks again.

problem solved. I deleted the css file and started from scratch. Something in there had to be conflicting with the row color decloration.