horizontal scrollbar at an incorrect position

Hello All,

I recently used AW and am already a big fan. I am a newbie at web programming, hence pardon me
if my question is too simple, but its not for me !

I have a php file which generates the script code to generate a grid, but the horizontal scrollbar
is wayy down when then grid only contains 9 rows and 16 columns.

The generated html page contains the following AW related specifications.

<link href="./runtime/styles/flat/grid.css" rel="stylesheet" type="text/css" >
</link><script src="./runtime/lib/grid.js"></script>
<style>
.active-controls-grid {height: 100%; font: menu;}
.active-grid-column {border-right:1px solid threedshadow;}
.active-grid-row {border-bottom:1px solid threedlightshadow;}
</style>
<script>
try {
var obj = new Active.Controls.Grid;
obj.setColumnCount(16);
obj.setRowCount(9);
obj.setDataText(function(i,j){return obj_data[i][j]});
obj.setColumnText(function(i){return obj_columns[i]});
document.write(obj);
}
catch (error){
document.write(error.description);
}
</script>

- What can I change to have the horizontal scrollbar at the proper place ?
- And another question I have is, I see the code listed in this forum to correct the sorting bug,
should that code be added to the grid.js or in my generated html file, within script tags ?

Thanks a lot !
~lost_in_wp