title: ExtJS GridPanel Scrollbar does not appear in IE7 but it does in Firefox, etc
body: <h1>Setup</h1>
  
  <p>I have an accordion layout containing a "properties" panel that nests two inner panels.  The first inner panel holds a <code>Ext.DataView</code>, while the second panel is the <code>Ext.grid.GridPanel</code> in question.  In the screenshot below, the white space containing the folder icon is the dataview, and below that is the gridpanel.  </p>
  
  <h1>Problem</h1>
  
  <p>In Firefox, Chrome, and Opera, there is a scrollbar that appears when my gridpanel has an overflow of properties.  It is only in Internet Explorer that it does not appear.  I am, however, able to scroll using my mouse scroll button in all browsers, including IE.</p>
  
  <p><img src="https://i.imgur.com/mNjVD.png" alt="alt text"></p>
  
  <p>I've also tried removing our custom css file in case it was affecting it somehow, but there was no change in doing so.</p>
  
  <p>I'm not sure exactly what code I should show as I don't know where the exact problem is coming from but here is the code for the mainpanel and gridpanel.  </p>
  
  <pre><code>var mainPanel = new Ext.Panel({
      id : 'main-property-panel',
      title : 'Properties',
      height : 350,
      autoWidth : true,
      tbar : [comboPropertyActions],
      items : [panel1] //panel1 holds the DataView
  });
  
  var propertiesGrid = new Ext.grid.GridPanel({
      stripeRows : true,
      height : mainPanel.getSize().height-iconDataView.getSize().height-mainPanel.getFrameHeight(),
      autoWidth : true,
      store : propertiesStore,
      cm : propertiesColumnModel
  })
  
  //Add gridpanel to mainPanel
  mainPanel.add(propertiesGrid);
  mainPanel.doLayout();
  </code></pre>
  
  <p>Any help into the right direction would be greatly appreciated.  Thank you.</p>