Hi folks,

I've got a nasty rendering issue in IE6... with a BorderLayout and a west region that collapses and expands, it looks like content in the center isn't being resized properly... we have a form that's expanding improperly and a grid that doesn't seem to honor the new width. This works fine in Firefox (of course) but not in IE6, which, unfortunately, is still our corporate standard. This is using v3.2.1. I've gotten it down to a relatively simple test case that still has enough of the real use case to be valid. Here's the code, can anyone offer any suggestions? Thanks!

Code:
Ext.onReady(function() {

  new Ext.Viewport({
    layout : "border", id : "mainLayout",
    items : [
      { height : 30, region : "north", html : "xxx" },
      west_getConfig(),
      { region : "center", layout : "card", activeItem : 0, id : "viewCard",
        items : [
          { html : " " },
          { html : " " },
          { region : "center", layout : "border", id : "viewBorder",
            items : [
              { html : " " },
              { region : "center", layout : "card", activeItem : 0,
                id : "viewCenter",
                items : [
                  { html : " " },
                  center_GetConfig()
                ]
              }
            ]
          }
        ]
      }
    ]
  });

});


function west_getConfig() {

  return {
    region : "west", width : 250, id : "west", collapsible : true,
    stateful : false, floatable : false, titleCollapse : true, title : "xxx",
    buttons : [
      { text : "Click Me",
        handler : function() {
          Ext.getCmp("west").collapse();
          Ext.getCmp("viewCenter").getLayout().setActiveItem(0);
          Ext.getCmp("viewCard").getLayout().setActiveItem(2);
          Ext.getCmp("detailsCard").getLayout().setActiveItem(0);
          Ext.getCmp("viewCenter").getLayout().setActiveItem(1);
        }
      }
    ]
  };
}


function center_GetConfig() {

  return {

    bodyStyle : "padding:4px;", title : "xxx", layout : "border",
    items : [
      { region : "west", width : 150, border : false,
        items : [
          { border : false,
            html : "<span " +
              "style=\"font-weight:normal;\">xxx</span>",
            bodyStyle : "padding-left:4px;padding-top:10px;" +
              "padding-bottom:10px;background:#ffffff;"
          }
        ]
      },
      { region : "center", bodyStyle : "padding:4px;", border : false,
        layout : "card", activeItem : "0", id : "detailsCard",
        items : [
          { border : false, autoScroll : true, bodyStyle : "padding:10px;",
            items : [
              { frame : true, baseCls : "x-box", xtype : "form",
                border : false, bodyStyle : "background:transparent;",
                labelWidth : 180,
                items : [
                  { layout : "column", bodyStyle : "background:transparent;",
                    border : false,
                    buttons : [
                      { text : "&nbsp;xxx", handler : function() { } },
                      { text : "&nbsp;xxx", handler : function() { } }
                    ],
                    items : [
                      { columnWidth : 0.5, layout : "form", border : false,
                        bodyStyle : "background:transparent;",
                        items : [
                          { xtype :"displayfield", fieldLabel : "xxx",
                            width : 100, height : 22 },
                          { xtype : "displayfield", fieldLabel : "xxx",
                            width : 200 },
                          { xtype : "combo", width : 100, fieldLabel : "xxx",
                            valueField : "optionValue",
                            mode : "local", width : 150, listWidth : 150,
                            displayField : "optionText",
                            store : new Ext.data.SimpleStore({
                              fields : [ "optionValue", "optionText" ],
                              data : [ [ "", " " ] ]
                            })
                          }
                        ]
                      },
                      { columnWidth : 0.5, layout : "form", border : false,
                        bodyStyle : "background:transparent;",
                        items : [
                          { xtype : "combo", width : 100, fieldLabel : "xxx",
                            valueField : "optionValue",
                            mode : "local", listWidth : 100, minListWidth : 100,
                            displayField : "optionText",
                            store : new Ext.data.SimpleStore({
                              fields : [ "optionValue", "optionText" ],
                              data : [ [ "", " " ] ]
                            })
                          },
                          { xtype : "combo", width : 100, fieldLabel : "xxx",
                            valueField : "optionValue",
                            mode : "local", listWidth : 100, minListWidth : 100,
                            displayField : "optionText",
                            store : new Ext.data.SimpleStore({
                              fields : [ "optionValue", "optionText" ],
                              data : [ [ "", " " ] ]
                            })
                          },
                          { xtype : "textfield", width : 150,
                            fieldLabel : "xxx" },
                          { xtype : "textfield", width : 150,
                            fieldLabel : "xxx" },
                          { xtype : "combo", width : 100,
                            fieldLabel : "xxx",
                            valueField : "optionValue",
                            mode : "local", listWidth : 100, minListWidth : 100,
                            displayField : "optionText",
                            store : new Ext.data.SimpleStore({
                              fields : [ "optionValue", "optionText" ],
                              data : [ [ "", " " ] ]
                            })
                          }
                        ]
                      }
                    ]
                  }
                ]
              },
              { border : false, html : "&nbsp;" },
              { layout : "card", activeItem : 0, border : false,
                items : [
                  { xtype : "grid", autoScroll: true, height : 180,
                    store : new Ext.data.SimpleStore({
                      fields : [ "xxx", "yyy" ], data : [ [ "", "" ] ]
                    }),
                    columns : [
                      { header : "xxx", width : 100, sortable : true,
                        dataIndex : "xxx", hideable : false }
                    ]
                  }
                ]
              }
            ]
          }
        ]
      }
    ]

  };

}