IE7 не отображает полосы прокрутки автоматически?

Question

Я хотел знать, есть ли способ исправить проблему с полосой прокрутки, которая у меня возникла в IE7.

Вот мой CSS:

.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;
}

А вот и HTML:

<div class="gridContainer">
    <asp:GridView ID="GridView2" runat="server" GridLines="None" CssClass="Grid"  AutoGenerateColumns="False"
        AllowSorting="True" onsorting="GridView2_Sorting">
        <RowStyle CssClass="GridItem" />
        <Columns>
            <asp:TemplateField>
            <ItemTemplate>
                <asp:CheckBox ID="chkSelect" runat="server" />
            </ItemTemplate>
            <HeaderTemplate>
                <asp:CheckBox ID="chkSelectAll" runat="server" onclick="SelectAll2(this);" />
            </HeaderTemplate>
        </asp:TemplateField>
            <asp:BoundField DataField="Name" HeaderText="Name" ReadOnly="True"
                SortExpression="Name" />
            <asp:BoundField DataField="Position Type" HeaderText="Position Type"
                SortExpression="Position Type" />
        </Columns>
        <HeaderStyle CssClass="GridHeader" />
        <AlternatingRowStyle CssClass="GridAltItem" />
    </asp:GridView>
</div>

Он отлично работает в других браузерах, но почему-то не в IE7.

Отредактировано для уточнения:

Вот что я пытаюсь сделать: есть div с фиксированными width и height и внутри него есть gridview. Если ширина или высота gridview превышает фиксированный размер div, я бы хотел, чтобы полосы прокрутки отображались на div.

Answer 1

В вашем классе .gridContainer установлено переполнение: scroll;

Это добавит полосы прокрутки к элементу div, если внутреннее содержимое превысит установленную ширину или высоту.