Height Percentage Scroll Problems

I arranged my grid to be 100% height. The grid shows initially correctly, including the data, but when I scroll it doesn’t render data correctly. It shows half of the rows or just stays blank.

Original percent style:

#grid1 {width: 100%; height:100%}

If I change the height to px I works fine:

#grid1 {width: 100%; height:400px}

My code:

var table = new AW.XML.Table;
table.setURL(xxxxxx);
table.request();
var obj = new AW.Grid.Extended; 
obj.setId("grid1");
obj.setColumnCount(10);					
var columns1 = ["Id", "Nombre", "Apellido", ........];	
obj.setHeaderText(columns1);
obj.setFixedLeft(3);
obj.setSelectorVisible(true);
obj.setSelectorWidth(25);
obj.setSelectorText(function(i){return this.getRowPosition(i)+1});		
obj.setCellModel(table);
obj.setSelectionMode("single-row");
document.write(obj);

Any ideas???

It sometimes happens when the grid is put inside html <table> tag. In this case adding style="table-layout:fixed" to the parent table tag(s) might help.

Alex,

It didn't work!
The strange thing is that changing from percent to a fixit height makes the grid to work perfect.

The problems is just when you scroll.
Please, take a look: http://test02.puertocity.com/aw/

I'm using: IE6 SP2

ok, it seems that the solution is in the following CSS -

.aw-bars-content {
    padding-bottom: 50px;
}

Just reposted with FF fix -

http://www.activewidgets.com/javascript.forum.13672.0/fix-grid-does-not-scroll.html