css in FireFox is different then IE

i've got the following code in my page source, everything is ok when i open this in IE, but there is a FireFox-problem, when i scroll the horizontal scrollbar it doesn't show properly background-color, and cells's borders, please tell me what is wrong in this code :

var obj = new Active.Controls.Grid;
obj.setStyle("background-color", "#ffffff");
obj.setStyle("height", "60%");
obj.setStyle("width", "100%");
var row = new Active.Templates.Row;
row.setStyle("border-bottom", "1px solid blue");
var alternate = function(){return this.getProperty("row/order") % 2 ? "threedface" : "white";};
row.setStyle("background", alternate);
obj.setTemplate("row", row);
var column = new Active.Templates.Text;
column.setStyle("border-right", "1px solid green");
obj.setTemplate("column", column);
obj.setRowHeaderWidth("0px");
obj.setRowCount(20);
obj.setColumnCount(11);
obj.setDataText(function(i, j){return obj_data[i][j]});
obj.setColumnText(function(i){return obj_columns[i]});
document.write(obj);

Can you try this fix:

http://www.activewidgets.com/javascript.forum.3146.2/alternating-rows.html