title: ExtJS border layout does not render its children
body: <p>I have the following component which is added to a Panel.  The children are not rendered when I set the layout to border.  However, if I change the layout to other (e.g. hbox, vbox, auto), it works.</p>
  
  <p>Can you please suggest what I am doing wrong.  I am using ExtJS 4.1.3</p>
  
  <pre><code>Ext.define('WebAdmin.view.reference.CountryMain', {
      extend        : 'Ext.container.Container',
      alias         : 'widget.country.main',
      requires      : ['Ext.layout.container.Border',
                   'Ext.resizer.BorderSplitter'],
      layout        : {
          type        :'border'   // does not work
      },
      initComponent : function() {
          var me = this;
          me.items = [{
              region      : 'center',
              layout      : 'fit',
              html        : 'Center'
          },{
              region      : 'east',
              html        : 'East',
              width       : 300,
              split       : true,
              collapsible : true
          }];
          me.callParent();
      }
  });
  </code></pre>
  
  <p>I have followed <a href="https://stackoverflow.com/questions/4480405">Why will my ExtJS tab will not show items with a border layout</a> but could not solve my problem. </p>