Float + position relative issues (missing hasLayout)

As said by Ingo Chao :

> "In IE, a relatively positioned container with a floating child needs "layout" to gain control over the float. Otherwise, the layering, the offset and the width formatting may give unexpected results."

More info on hasLayout property in IE.

With InputEx, this situation can occur if you render a form (or even a single field) in a container that does not have hasLayout = true (cf. link above).

Test the bug

Try to click the "Move the forms" button (you must use IE 6 or 7)

This form is buggy with IE.
Form has not moved, or is broken !
This form is Ok.
Form has moved as expected.
<style type="text/css"> div#firstContainer { position:relative; } div#secondContainer { position:relative; zoom:1; /* Set zoom property to force hasLayout = true, so boxes have standard behavior */ } </style>