I have a grid in that uses getRowClass to change the color of the row if certain data is found within hidden columns. This has worked for a very long time. Recently (today), I deployed an update to my site, and now the coloring isn't working in IE. It works in FF, Chrome and Safari, but IE renders everything black. AND - I actually didn't do any code changes in this perticular js class. I did modify some css stuff, but not any related to this code:

Code:
 myGrid = new Ext.grid.EditorGridPanel({
            plugins:radioColumn,
            store: myStore,
            view: new Ext.grid.GridView({
                emptyText: 'No results to display.',
                getRowClass: function(row, index) {
                    if (row.data.hiddenCode.trim().length>0) {
                        return 'gridOnHoldCode';
                    }
                    if (row.data.hiddenForSale=="Y") {
                        return 'gridForSaleRow';
                    }
My Style Sheet:
Code:
.gridOnHoldCode{
    color:purple;
}
.gridOnHoldCode{
    color:red;
}
Does anyone have any suggestions on where to even look? I've done everything I can think of with regards to FireBug, IE Debug, JSLint, etc.. - there has to be something wrong with my css or something. Why do all other browsers work perfectly, except for IE?