Hi folks,

I'm getting a problem when using the PagingToolbar component.
At the first load, the toolbar keeps half-hidden at the bottom of the panel, and when I rezise the panel it goes to the bottom position correctly.
I've been trying to change the layout, using fit and anchor with the grid with height 100% but without success.

Here goes the code...

Code:
var simpleGridPanel = new Ext.grid.GridPanel( {
    store : simpleStore,
    cm : simpleColumnModel,
    bbar : new Ext.PagingToolbar({
        pageSize : 100,
        store : simpleStore,
        displayInfo : true
    })
});

var simpleContentPanel = {
    layout: 'fit',
    border: false,
    items: simpleGridPanel
};    

var viewpor = new Ext.Viewport({
    layout: 'border',
    title: 'Application',
    items: [{
        xtype: 'box',
        region: 'north',
        applyTo: 'header',
        height: 30
    },{
        layout: 'border',
        id: 'layout-browser',
        region:'west',
        split: true,
        collapsible: true,
        collapseMode: 'mini',
        margins: '2 0 5 5',
        width: 275,
        minSize: 100,
        maxSize: 500,
        items: [ treePanel ]
    }, {
        xtype: 'panel',
        layout: 'fit',
        region: 'center',
        items: [ simpleContentPanel ]
    }],
    renderTo: Ext.getBody()
});
Any help?

Thanks a lot!