IE顯示字段集的圖例不正確

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