title: Spacing in ExtJs is different in IE & FireFox
body: <p>I've a form of ExtJs. </p>
  
  <pre><code>    Ext.define('${pkgName}.v02x001001.SV02X00100104' , {
      extend      : 'Ext.form.Panel',
      alias       : 'widget.sv02x00100104',
      layout      : 'fit',
      autoShow    : true,
      modal       : true,
      bodyStyle   : {
          background  : 'none'
      },
      initComponent: function () {
          this.items= [{
              xtype               : 'panel',
              bodyPadding         : 5,
              bodyStyle           : {
                  background : 'none',
                  border     : 0
              },
  
              items        : [{
                  xtype    : 'container',                        
                  anchor   : '100%',
                  layout   : 'hbox',
                  items    : [{
                      xtype      : 'textfield',
                      fieldLabel : 'Member No',
                      labelAlign : 'top',
                      id         : 'member-sv02x00100104',
                      readOnly   : true
                  },{
                      xtype      : 'textfield',
                      fieldLabel : 'Ex-Member No',
                      labelAlign : 'top',
                      id         : 'exMember-sv02x00100104',
                      margin     : '0 0 0 5',
                      readOnly   : true
                  },{
                      xtype      : 'textfield',
                      fieldLabel : 'Branch',
                      labelAlign : 'top',
                      margin     : '0 0 0 5',
                      readOnly   : true
                  }]
              },{
                  xtype    : 'container',                        
                  anchor   : '100%',
                  layout   : 'hbox',
                  items    : [{
                      xtype      : 'textfield',
                      fieldLabel : 'Salutation',
                      id         : 'salutation-sv02x00100104',
                      labelAlign : 'top',
                      readOnly   : true
                  },{
                      xtype      : 'textfield',
                      fieldLabel : 'Full Name',
                      id         : 'fullName-sv02x00100104',
                      labelAlign : 'top',
                      flex       : 1,
                      margin     : '0 0 0 5',
                      readOnly   : true
                  },{
                      xtype      : 'textfield',
                      fieldLabel : 'Sur Name',
                      id         : 'nickName-sv02x00100104',
                      labelAlign : 'top',
                      margin     : '0 0 0 5',
                      readOnly   : true
                  }]
              }]
          },{
              xtype      : 'sv02x00100101',
              border     : false
          }]
  
          this.callParent(arguments);
      }
  });
  </code></pre>
  
  <p>Its ok in firefox and looks like that(desired)
  <img src="https://i.stack.imgur.com/OLM6Z.png" alt="ok"></p>
  
  <p>But in Internet Explorer it looks horrible</p>
  
  <p><img src="https://i.stack.imgur.com/MjDU4.png" alt="not ok"></p>