CSS宽度百分比在IE7中未正确显示

我正在尝试将下一页上的复选框对齐为3列。此页面有几个不同的版本，每个版本都可能有或多或少的复选框。这些框在Firefox和其他浏览器中完全对齐，但在IE7中却没有。下面是我正在使用的CSS。有人能帮我找到IE7的解决方案吗？我正在使用Drupal更好的公开过滤器来生成文本框

---

我使用的是FF4，它看起来不适合你的页面

首先，将复选框设置为100px-widh，将其改为更宽或更灵活的形式，否则您的元素总是会包装不良 您不能使用宽度：50%来对齐3列中的内容，因为您定义了要占用的空间的一半。form.item您希望使用33%，但我建议使用30%并添加2%的右边距，以便在元素之间保持一点间隙 我会做一些类似于结构的事情

<div class="container clearfix">
   <label for="input1">
     <input type="text" id="input1" />
     <span>my text</span>
   </label>
   <label for="input2">
     <input type="text" id="input2" />
     <span>my text</span>
   </label>
   <label for="input3">
     <input type="text" id="input3" />
     <span>my text</span>
   </label>
</div>

<div class="container clearfix">
   <label for="input1">
     <input type="text" id="input1" />
     <span>my text</span>
   </label>
   <label for="input2">
     <input type="text" id="input2" />
     <span>my text</span>
   </label>
   <label for="input3">
     <input type="text" id="input3" />
     <span>my text</span>
   </label>
</div>

#container label{width:30%; margin-right:2%; float:left;}
.clearfix:after { /*This is for clearing your floating elements*/
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}