Содержимое расширяется по вертикали в IE, но в Firefox есть полоса прокрутки

Question

В моем всплывающем окне я установил размер, и если внутреннее содержимое больше, должна появиться вертикальная полоса прокрутки. Она хорошо работает в Firefox (хотя я хочу только вертикальные полосы прокрутки), но не работает в IE (с использованием IE 8 ). Ниже приведены изображения. В чем может быть проблема?

Мой код CSS

#compareParentDiv
{ 
overflow-y: auto;
//overflow-x: hidden; 
max-height: 380px;
width:100%
} 

Мой Див

$('#compareContent').empty();
    $('<div id="compareParentDiv" width="100%">'+
      '<table id="list2" cellspacing="0" cellpadding="0"></table>'+
            '<div id="gridpager2"></div></div>')
    .appendTo('#compareContent');

Answer 1

Посмотрите на overflow-y:scroll или overflow-y:auto, примените его к элементу, который должен прокручиваться.

Если установлено scroll, полосы прокрутки всегда видны, если установлено auto это зависит от браузера, но я считаю, что все браузеры предоставляют полосу прокрутки, когда это необходимо, но не иначе.