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

Question

У меня есть мастер DIV и внутри, что я хочу показать несколько дивы как list.My 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> 

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

Answer 1

Вы должны убедиться, что мастер ДИВ имеет переполнение «скрытый»:

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

Answer 2

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

overflow:hidden;