cpu taking 100%

All,

I have simple grid with xml table model having 30-40 rows max at a time. When i just move around the mouse on the table for few seconds, I can see the CPU runs up to 88 - 99%.

grid.setHeaderText(tableHeaders);
resultsTable.setXML(data);
grid.setCellModel(resultsTable);
grid.refresh();
grid.setRowCount(resultsTable.getCount());
grid.setColumnCount(4);
grid.setCellFormat([string, string, string,string]);
grid.setSelectionMode("single-row");
grid.onCellDoubleClicked = function(event, column, row){
   var id = this.getCellText(0, row);
   window.location.href = newLocation+id;
}
grid.setSelectorVisible(true);
grid.setSelectorText(function(i){return (this.getRowPosition(i)+1) });
grid.setSelectorWidth(35);
grid.setStyle('width', '100%');
grid.setStyle('height', 200);

Is there any method that i need to set or is it a common behaviour?

thank you

I am very much in agreement with Raj
If i move my cursor over grid very frequently my CPU processing goes to about 55%. my CPU frequency is above 3.2Ghz P4 machine with 2 GB of RAM

I have used the following css
.aw-mouseover-cell {
color:black;
border-right: 2px solid ;
border-left: 1px solid ;
border-top: 1px solid ;
border-bottom: 1px solid ;
border-width: 1px;
font-family: verdana, arial, helvetica, Sans-Serif;
padding : 1px
}

Can any one explain me why it takes so much CPU ?

Grid switches styles aw-mouseover-cell and aw-mouseover-row on and off when you move the mouse around. Depending on the number of cells and browser version it may take a lot of CPU - browsers are not very efficient in calculating CSS rules.