Here’s the sample page I’m working on: http://rivalroo.benlwilliams.com/create.html
If you view in IE7 or IE8 Compatibility mode, you’ll see that the second and third column of input fields seem to want to inherit the containing div’s left margin of 100px. Even if assign the input field’s left-margin to 0, it still has this mysterious left margin of 100px applied to it, but not shown in IE’s inspector.
If I remove the left margin of the column div, then it lines up just fine, which is why the first column has the fields arranged properly.
Anybody have a solution to this IE7 bug?
have you tried wrapping the form elements in another div with no properties, it should break the hasLayout “chain”. i.e nest a div in the form
related post