title: Extjs window doesnt show elements well in IE
body: <p>I have this code </p>
  
  <pre><code> var main_container = Ext.create('Ext.container.Container',
   {
       xtype: 'container',
       id: "id_container",
       anchor: '100%',
       layout:'column',
       items:[
          column_1,
          column_2,
          column_3
       ]
  })
  </code></pre>
  
  <p>And when I resize the container the rightmost column in some cases disapears. When I resize again in some cases the rightmost column appears again. This happens only in IE. </p>
  
  <p>What could be causing this? Any idea would be helpful.</p>
  
  <p>Here is the structure of the rightmost column</p>
  
  <pre><code>  var column_3 = Ext.create('Ext.container.Container',
    {
      columnWidth: .33,
      layout: 'anchor',
      id: 'column_3',
      items:[
          grid_1,
          grid_2
      ]
    })
  </code></pre>
  
  <p>There are 3 columns and i want them to be 33 percent wide</p>
  
  <p>And the main container is oppened upon pressing ext js menu button.
  And the main container is placed in ext js window.</p>
  
  <p>This is my problem </p>
  
  <pre><code> &lt;div class="x-container x-column x-container-default" id="column_roles" role="presentation" style="width: 400px;"&gt;
         &lt;DIV style="WIDTH: 413px; HEIGHT: 45%" id=grid_1 class="x-panel  x-grid x-property-grid x-panel-default x-with-col-lines x-panel-with-col-lines x-panel-default-with-col-lines x-masked-relative x-masked" role=presentation aria-labelledby=component-1234&gt;...&lt;/div&gt;
  
          &lt;DIV style="WIDTH: 413px; HEIGHT: 45%" id=grid_2 class="x-panel  x-grid x-property-grid x-panel-default x-with-col-lines x-panel-with-col-lines x-panel-default-with-col-lines x-masked-relative x-masked" role=presentation aria-labelledby=component-1237&gt; ... &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>you can see clearly that inner divs are wider than the one that contains them. Why IE generates badly? This doesnt happen in Chrome and FF. </p>