保證金未被IE所尊重

我有一組表單，具有一組字段集。這些字段集將有條件地隱藏並顯示在服務器端，因此我需要這些字段集從左到右從上到下流動。下面的代碼實現了這一點，但10px的margin-bottom沒有被IE（IE7測試）所尊崇。保證金未被IE所尊重

我看了一些文章，建議這與邊緣崩潰，如果你不添加;不添加填充，但我試過這個，同樣的事情發生。如何在2行字段集之間創建10px空間？

<html> 
<head> 
    <style> 
     fieldset { 
      display: inline-block; 
      width: 30%; 
      height:90px; 
      vertical-align: top; 
      border: 1px solid black; 
      margin-bottom:10px; 
     } 
    </style> 
</head> 
<body> 
    <form> 
     <fieldset> 
      <label>Label:</label> 
      <input type="text"/> 
     </fieldset> 
     <fieldset> 
      <label>Label:</label> 
      <input type="text"/> 
     </fieldset> 
     <fieldset> 
      <label>Label:</label> 
      <input type="text"/> 
     </fieldset> 
     <fieldset> 
      <label>Label:</label> 
      <input type="text"/> 
     </fieldset> 
     <fieldset> 
      <label>Label:</label> 
      <input type="text"/> 
     </fieldset> 
    </form> 
</body>

來源

2009-07-29 James Hughes