Question

Another IE6 (and 7) float problem.
I’ve some labels at right and some inputs, textarea and span at left.
http://jsfiddle.net/VRErj/1/

How can I fix it?

Edit: screenshot

Answer 1

As My Head Hurts mentioned, clearing is a pain in IE 7 and below. You can wrap your label/input pairs in a div and apply the clearfix class to it that you get on this page: http://www.positioniseverything.net/easyclearing.html. It would look something like this:

<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...-->

That should do it.