关于IE下ExtJS布局的问题

代码如下：
JScript code

function layoutForm(){
    var fpanel = new Ext.form.FormPanel({
        title:"用户基本信息",
        width:500,
        height:250,
        labelWidth:60,
        items:[
               { 
                       xtype:"panel",
                        layout:"column",
                        border:false,
                     items:[
                              {xtype:"panel",layout:"form",labelWidth:60,border:false,items:{xtype:"textfield",fieldLabel:"姓名",name:"name"}},
                              {xtype:"panel",layout:"form",labelWidth:60,border:false,items:{xtype:"textfield",fieldLabel:"密码",inputType:"password",name:"password"}}
                            ]
               },
               {    
                       xtype:"panel",
                    layout:"column",
                     border:false,
                     items:[
                               {xtype:"panel",layout:"form",labelWidth:60,border:false,items:{xtype:"textfield",fieldLabel:"电子邮件",name:"email"}},
                            {xtype:"panel",layout:"form",labelWidth:60,border:false,items:{xtype:"datefield",fieldLabel:"出生日期",name:"bornDate"}}              
                           ]
               }/*,
               {xtype:"textarea",anchor:"-100",fieldLabel:"简介",name:"intro"}*/
             ]
    });
    fpanel.render(document.body);
}
Ext.onReady(layoutForm);

在FF下效果正常，IE8下却没有效果，截图如下：
FF
IE8

为什么里面这么多panel啊

简单点的 不行么  

我是这样写的

//第一行
 {
layout : 'column',//正点的地方来了表示下一曾items都是按列"Column"排序 
items : [ {
columnWidth : .5,
layout : 'form',//第一列里面内容就是form排序了,从上到下 
items : [ {
fieldLabel : "申请人部门",
xtype : "textfield",
name : "APPLYPARTNAME",
id : "APPLYPARTNAME",
blankText : "部门",
//readOnly:panelConfig.readOnly,
disabled:panelConfig.disabled,
width : 200
} ]
}, {
layout : 'form',//第二列里面内容就是form排序了,从上到下 
columnWidth : .5,
items : [ {
fieldLabel : "申请人",
xtype : "textfield",
name : "APPLYUSERNAME",
id : "APPLYUSERNAME",
//readOnly:panelConfig.readOnly,
disabled:panelConfig.disabled,
blankText : "",
width : 200
} ]
} ]
},
//第二行
 {
layout : 'column',//正点的地方来了表示下一曾items都是按列"Column"排序 
items : [ {
columnWidth : .5,
layout : 'form',//第一列里面内容就是form排序了,从上到下 
items : [ {
fieldLabel : "申请人部门",
xtype : "textfield",
name : "APPLYPARTNAME",
id : "APPLYPARTNAME",
blankText : "部门",
//readOnly:panelConfig.readOnly,
disabled:panelConfig.disabled,
width : 200
} ]
}, {
layout : 'form',//第二列里面内容就是form排序了,从上到下 
columnWidth : .5,
items : [ {
fieldLabel : "申请人",
xtype : "textfield",
name : "APPLYUSERNAME",
id : "APPLYUSERNAME",
//readOnly:panelConfig.readOnly,
disabled:panelConfig.disabled,
blankText : "",
width : 200
} ]
} ]
}