IE 필드 집합 범례를 잘못 표시 함

Question

코드에서 FF로 잘 나타나지만 Internet Explorer에서는 fieldset 뒤에 범례에 대한 공백이없는 fieldset에 거의 나오는 범례에 의존합니다. 나는 당신이 정확한 문제를 볼 수 있도록 사진을 포함 시켰습니다. 나는 이것을 잘못 분류하려고 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; 
}