IE неправильно отображает легенду fieldset

Question

Код, который я использую, прекрасно выглядит в FF, но в IE он использует легенду, появляющуюся почти в наборе полей, и после него не остается места для легенды.Я включил рис, чтобы вы могли увидеть точную проблему.Я был бы признателен, если бы кто-то мог показать мне, где я иду не так, как я потратил 2 дня, пытаясь разобраться в этом.Спасибо

Полное расположение кода: http://jsfiddle.net/XLPxx/

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;
        }

Answer 1

Вам нужно добавить большее нижнее поле к вашему fieldset и сделать его display:block. Живой пример: http://jsfiddle.net/XLPxx/7/

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