IE6 с плавающей меткой

Question

Другая проблема с поплавком IE6 (и 7). У меня есть label s справа и некоторые input s, textarea и span слева. http://jsfiddle.net/VRErj/1/

Как это исправить?

Edit:screenshot

Answer 1

Как My Head Hurts упоминалось, клиринг является боль в IE 7 и ниже. Вы можете обернуть свои метки/входные пары в div и применить к ним класс clearfix, который вы можете найти на этой странице: http://www.positioniseverything.net/easyclearing.html. Это будет выглядеть примерно так:

<div class="clearfix"> 
    <label for="input1">input 1:</label> 
    <input type="text" name="input1" id="input1" /> 
</div> 
<div class="clearfix"> 
    <label for="input2">input 2:</label> 
    <input type="text" name="input2" id="input2" /> 
</div> 
<!--etc...--> 

Это должно быть сделано.