Html IE不正确地显示字段集图例

我正在使用的代码在FF中显示良好，但在IE中，它求助于几乎出现在字段集中的图例，在字段集之后没有为图例留出空间。我已经包括图片，所以你们可以看到确切的问题。如果有人能告诉我哪里出了问题，我将不胜感激，因为我已经花了两天的时间试图解决这个问题。谢谢

完整的代码布局：

---

您需要为

字段集添加更大的底部边距，并使其
显示：block
。实例：

非常感谢。如果fiddle中的html代码被标记为红色，这是否意味着它无效？谢谢
legend {
          background:#00C621; color:#fff; 
          font:17px/21px Calibri, Arial, Helvetica, sans-serif; 
          padding:0 10px; margin:-26px 0 -5px -11px; 
          font-weight:bold; border:1px solid #fff; 
          border-color:#e5e5c3 #505014 #666661 #e5e5c3; cursor: pointer;
       }

fieldset.action {
          background:#9da2a6; 
          border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; 
          margin-top:-20px;
       }

fieldset {
          background:#f2f2e6; 
          padding: 0 10px 10px 10px; 
          border:1px solid #fff; 
          border-color:#666661 #fff #666661 #fff; 
          margin-bottom:20px; width:450px;
        }

fieldset{
    display:block;
    margin: 0 0 30px;
}