CSS: поддержание фиксированной высоты для DIV в Firefox и IE

Question

У меня есть главный div, и внутри я показываю несколько div в виде списка. Мой HTML, как показано ниже

<div id='divMasterContainer' style="height:200px;">
  <div id='child1'>
       // Some child contents here (Radio button / Button etc.. )
  </div>
  <div id='child2'>
    // Some child contents here (Radio button / Button etc.. )
  </div>
  <div id='child3'>
    // Some child contents here (Radio button / Button etc.. )
  </div>
</div>

Таким образом, при рендеринге в Firefox, div-файл mastercontainer имеет высоту 200 px. Но в IE он увеличивается с увеличением количества дочерних элементов div, которые он содержит. Я использую эти div с плагином jFlow для реализации управления ползунком. Я хочу сохранить одинаковую высоту для основного div в обоих браузерах. и мне не нужна полоса прокрутки в главном div тоже.

Answer 1

Вы должны убедиться, что мастер div имеет переполнение 'hidden':

<div id='divMasterContainer' style="height:200px;overflow:hidden;">

Answer 2

Может быть, вы можете попробовать добавить это в тег стиля:

overflow:hidden;