Hii,
I try to create list of panels and I am going to add a contatiner.
It works in Firefox but not ...... IE7.0.
It looks like:


My code is like:

Adding if it is not added:
Code:
Ext.getCmp('VariantGroupCheckbox'+data.VariantGroupID).on('check',function (checkbox, checked){
    if (checked)
    {
        var store = getVariantStore(checkbox.variantGroupID);
        if (!store.IsRendered){
            var variantsPanel = createVariantsPanel(store.variantGroupRecord, store.getRange());
            store.IsRendered = true;
            Ext.getCmp('VariantsHolderPanel' + store.variantGroupRecord.data.VariantGroupID).add(variantsPanel);
            Ext.getCmp('VariantsHolderPanel' + store.variantGroupRecord.data.VariantGroupID).doLayout();
        }

        Ext.getCmp('VariantsHolderPanel' + checkbox.variantGroupID).show();
        Ext.getCmp('VariantsPanel' + checkbox.variantGroupID).show();                    
    }
    else
    {
        Ext.getCmp('VariantsHolderPanel' + checkbox.variantGroupID).hide();
        Ext.getCmp('VariantsPanel' + checkbox.variantGroupID).hide();
    }
});
Variant panel creation
Code:
function createVariantsPanel(groupRecord, variantRecords){
    var panel = null;
    var variantsPanel = Ext.getCmp('VariantsPanel' + groupRecord.data.VariantGroupID);
    if (variantsPanel)
    {
        // Setting values part...
    }
    else
    {
        panel = {
            xtype:'panel',
            id: 'VariantsPanel' + groupRecord.data.VariantGroupID,
            hideMode:'offsets',
            border:false,
            hidden: !groupRecord.data.Selected,
            items:new Array()
        };
        
        for (var i=0;i<variantRecords.length;i++)
        {
            var data = variantRecords[i].data;
            var variantRow = {
                id: 'VariantRowPanel' + groupRecord.data.VariantGroupID + '_' + data.VariantID,
                layout:'column',
                hideMode:'offsets',
                border:false,
                defaults:{border:false},
                style:'padding-bottom:2px;',
                width: labelWidth +  fieldWidthLimit + 5,
                items:[{
                    width:cmGroupName + cmVariant,
                    hideMode:'offsets',
                    style:'padding-left:'+cmGroupName+'px',
                    border: false,
                    items:[{
                        xtype:'textfield',
                        hideMode:'offsets',                            
                        width:cmVariant-10,
                        id:'VariantText' + groupRecord.data.VariantGroupID + '_' + data.VariantID,
                        value:data.Variant
                    }]
                },{
                    width:cmSurchargeAmt,
                    hideMode:'offsets',
                    //style:'padding-right:10px',
                    border: false,
                    items:[{
                        xtype:'numberfield',
                        allowNegative: false,
                        hideMode:'offsets',                            
                        style:'text-align: right;',
                        width:cmSurchargeAmt-10,
                        disabled: data.Hidden == '1',
                        id:'SurchargeAmountText' + groupRecord.data.VariantGroupID + '_' + data.VariantID,
                        value:data.SurchargeAmount
                    }]
                },...
                ]
            };
            
            panel.items.push(variantRow);            
        }
    }
    return panel;
}
Thanks for your help.