Я получаю странную ошибку с плавающей точкой ie7.Где в моем div я получаю смещение влево на 20px;
Я установил jsfiddle ниже, который повторяет ошибку, с которой я сталкиваюсь.*
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;
}