I have recently ran into this problem with a widget form. Up until last night the widget form looked great on FireFox, IE and Chrome - on all screen resolutions. Now, a few of the fields are misaligned - only on IE (see picture). Here is the thing though on my laptop (res. of 1366x768) is looks fine, how it should be.
<img src="http://simplequotelifeinsurance.com/CC/GravityHelp.png"/>
I am only seeing this problem on my desktop (res. of 1920x1080) - using IE.
Any help/advice would be great.
I think I have narrowed it down to that I am having problems with breaking the fields into thirds.
Noticed I have the same problem on a page where I have another form.
You will need to define a height on the containing list items for IE then so you don't get the odd hanging effect from the floated elements. Some of the elements have sub-labels and others don't so the height discrepancy is causing the problem.
Thanks for the response, but where would I make the changes?
You would define the CSS in your themes stylesheet. That is where all custom CSS would be placed for targeting and styling form elements using CSS.
Could you give and example of the code please.
Problem resolved...thanks for all the help guys!
