title: ExtJS & IE7: Rendering problems with simple window
body: <p>I have created this very simple <em>window</em> extension. In Firefox it looks like it should, but in IE7, the contained items flow out of the window.</p>
  
  <p><img src="https://i.stack.imgur.com/F90p3.jpg" alt="Wrong rendering in IE"></p>
  
  <p><strong>What can I do to fix this?</strong></p>
  
  <p><strong>Code:</strong> (Doctype is strict, but won't display for some reason)</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
      &lt;title&gt;Online example&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="http://dev.sencha.com/deploy/dev/resources/css/ext-all.css" /&gt;
  
      &lt;script type="text/javascript" src="http://dev.sencha.com/deploy/dev/adapter/ext/ext-base.js"&gt;&lt;/script&gt;     
  
      &lt;script type="text/javascript" src="http://dev.sencha.com/deploy/dev/ext-all.js"&gt;&lt;/script&gt;    
  
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;script type="text/javascript"&gt;
  
  Ext.onReady(function(){
  
      MyWindow = Ext.extend(Ext.Window, {
          layout: 'fit',
          width: 370,
          height: 500,
          resizable: true,
          closable: true,
          closeAction: 'hide',
          collapsible: true,
          autoScroll: true,
          bodyStyle: 'padding:5px;',
          title: 'Window',
  
          initComponent: function () {
  
              var config = {
                  items:
                  [
                      {
                          xtype: 'fieldset',
                          title: 'Buffer valg',
                          layout: 'form',
                          items:
                          [
                              {
                                  xtype: 'numberfield',                                                                                                       
                                  fieldLabel: 'Label'                                    
                              }, {
                                  xtype: 'checkbox',
                                  fieldLabel: 'Label',
                                  checked: true                                    
                              }
                          ]
                      }
                  ]
              }
  
              Ext.apply(this, Ext.apply(this.initialConfig, config));
  
              // Config object has already been applied to 'this' so properties can 
              // be overriden here or new properties (e.g. items, tools, buttons) 
              // can be added, eg:
  
              // Call parent (required)
              MyWindow.superclass.initComponent.apply(this, arguments);
          }   
      });
  
      AWindow = new MyWindow();
      AWindow.show();
  });
  
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>