保证金未被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