title: IE7 not displaying scrollbars automatically?
body: <p>I wanted to know if there was a way to fix scrollbar issue I'm having with IE7.</p>
  
  <p>Here is my CSS:</p>
  
  <pre><code>.gridContainer {
      height: 500px; 
      width: 410px;
      overflow: auto;
      background-color: #fff;
      border: 1px solid #6699CC;
  }
  .Grid {
      width: 100%;
      background-color: #fff;
  }
  .Grid td {
      height: 13px;
      min-width: 30px;
      padding-left: 5px;
      text-align: left;
      border-top: 1px solid #C4DDFF;
  }
  .GridHeader {
      font-weight: bold;
      height: 20px;
      min-width: 30px;
      padding-left: 10px;
      text-align: left;
      background-color: #F0F0F0;
      border-bottom: #999;
  }
  </code></pre>
  
  <p>And here is the HTML:</p>
  
  <pre><code>&lt;div class="gridContainer"&gt;
      &lt;asp:GridView ID="GridView2" runat="server" GridLines="None" CssClass="Grid"  AutoGenerateColumns="False"
          AllowSorting="True" onsorting="GridView2_Sorting"&gt;
          &lt;RowStyle CssClass="GridItem" /&gt;
          &lt;Columns&gt;
              &lt;asp:TemplateField&gt;
              &lt;ItemTemplate&gt;
                  &lt;asp:CheckBox ID="chkSelect" runat="server" /&gt;
              &lt;/ItemTemplate&gt;
              &lt;HeaderTemplate&gt;
                  &lt;asp:CheckBox ID="chkSelectAll" runat="server" onclick="SelectAll2(this);" /&gt;
              &lt;/HeaderTemplate&gt;
          &lt;/asp:TemplateField&gt;
              &lt;asp:BoundField DataField="Name" HeaderText="Name" ReadOnly="True"
                  SortExpression="Name" /&gt;
              &lt;asp:BoundField DataField="Position Type" HeaderText="Position Type"
                  SortExpression="Position Type" /&gt;
          &lt;/Columns&gt;
          &lt;HeaderStyle CssClass="GridHeader" /&gt;
          &lt;AlternatingRowStyle CssClass="GridAltItem" /&gt;
      &lt;/asp:GridView&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It works fine in other browsers, but for some reason not in IE7.</p>
  
  <p><em>Edited for clarification:</em></p>
  
  <p>Here's what I'm trying to accomplish: There is a <code>div</code> with a fixed <code>width</code> and <code>height</code> and inside it there is a <code>gridview</code>. If the <code>gridview</code>'s width or height exceeds the fixed size of the <code>div</code>, I'd like the scroll bars to appear on the <code>div</code>.</p>