Originally, I created a thread in "Help 2.0" forum, but after trying anything I can think of.. I believe this is a bug. All code tweaks and changes were/are working in FF and Opera, but not in Internet Explorer 6.

On grid resize paging toolbar does not move. Only on mouse over any of the toolbar's button, the bar jumps into correct position

( Original post: http://extjs.com/forum/showthread.php?t=30656 )
Code:
  var grid = new Ext.grid.GridPanel({
        id: 'gridDiv',
        renderTo: 'report-grid',
        width: 725,
        height: 400,
        frame: true,
        title: reportTitle,
//        ctCls: 'gridDiv',
        store: ds,
        cm: cm,
        sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
        autoScroll:true,
        layout: 'fit',
        loadMask: true,
        stripeRows: true,
        viewConfig: {
          autoFill: true,
          forceFit: true
        },
        bbar: new Ext.PagingToolbar( {
          pageSize: pSize,
          store: ds,
          displayInfo: true,
          displayMsg: 'Displaying records {0} - {1} of {2}',
          emptyMsg: "No records to display",
          items: [
            '-', {
            pressed: false,
            enableToggle: false,
            text: 'View Flat File',
            cls: 'x-btn-text-icon details',
            handler: flatFileHandler,
            tooltip : 'Generate flat file for this report'
          }
        })
  });
PHP Code:
  rz.on('resize'resizeHandlergrid );

  function 
resizeHandler() {
    var 
box rz.getEl().getBox();
    
grid.setSizebox );
    
grid.syncSize();
  } 
PHP Code:
<div id="report-grid" style="width:725px; position: static;"></div
P.S. page has no extra styles. only ext-all.css is used.