渲染字段在IE中设置

Question

我有一个div标签，我将其显示为模态对话框，这个div标签包含一个fieldset，其中包含一个图例标签和几个div标签。

但结果在IE（9）与Opera，FF和Chrome

中呈现完全不同

IE：

歌剧：

我如何制作ie渲染与opera，FF和chrome相同的方式？ 通过html调试我发现“溢出：隐藏;”是因为但是为什么这会让IE9渲染出一些与Opera FF和chrome完全不同的东西？

CSS：

.DynamicForm
{
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.Dialog fieldset
{
    background: white;
    border: 0;
}

.Dialog fieldset
{
    margin: 0;
    padding: 3px 2px 13px 13px;
}

.Dialog fieldset legend
{
    padding: 3px 10px;
    margin: -3px 0px 3px;
    background: #BC2327;
    font-weight: bold;
    color: white;
}

.DialogBackground
{
    background-color:rgba(0,0,0,0.1);
}

HTML：

<div class="DynamicForm Dialog">
  <fieldset>
    <legend>
            Allkort, 12 månader, Fullpris
        </legend>.......

Answer 1

我找到了一个解决方案而不是使用overflow：hidden。我改为使用普通的clearfix，即使我完全讨厌它..

浏览器仍然会有所不同，但我很满意我所拥有的......