即7随机浮动偏移

Question

我得到了奇怪的ie7浮动bug。 在我的div上，我的偏移量为20px;

我已经设置了一个jsfiddle bellow，它复制了我遇到的错误。

JSFIDDLE LINK

html代码

<div class="input-area short">
   <label for="phone">Phone</label>
   <br>
   <input type="text" name="phone" class="fillout">
</div>

<div class="input-area short">
   <label for="dob">Date of Birth</label>
   <br>
   <input type="text" name="dob" class="fillout">
</div>

css代码

.input-area{
   margin-top:15px;
}
.input-area.short{
   float:left;
   margin-right:8px;
}
.sweepstake-competition label {
   color: #FFFFFF;
   font-size: 10px;
}
.fillout {
   background-color: #FAFBFB;
   border: 1px solid #999999;
   border-radius: 4px 4px 4px 4px;
   height: 22px;
   width: 110px;
}

Answer 1

使用填充而不是边距。 边缘与浮子冲突。