Form Builder IE Rendering Issue

When I create a contact page, it does not render correctly in Internet Explorer and is all 'Scrunched Up' as per the attachment submitted. Its fine in all other browsers except I.E.

Do I need some sort of compatibility script?

I am not able to reproduce using IE 10, see screen shot

Hi, its IE version 9

I cant reproduce using IE9 compatibility mode either.

I am a little puzzled here Jason. Just tried this on another PC that is using IE 9 and its the same. Could you try it on a native IE9 rather than using compatibility mode?

Do you have any suggestions as I am concerned a potential customer would experience the same issue.

ok, i tested this on a native IE 9, and i can see that it is not attaching the form builder style:
<link href="webassist/forms/fd_sharp_condorpharma.css" rel="stylesheet" type="text/css" />

I think this is a limoit to IE 9 on the either the number of style sheets that can be linked or the number of selectors that can be applied top a document.

I see you have about 25 other style sheets included in the page.

I read somewhere, though i cannot find it now, that IE is limited to 4035 selectors per document.

Your s5 styles could easily be exceeding this limit, and since the line to include the form builder style is at the end of the list, it is being ignored. try moving the form builder style to the beginning of the list.

Hi Jason, that seemed to solve the problem. Only thing now is the validation text is always visible for some reason. I will have a tinker with this.

Thanks for all of your help.

The spry CSS Is at the end of the list too. try moving the spry CSS to top of the list so it can be included.

I would suggest going through the css for the page and removing any CSS that is not necessary and consolidating any selectors that redefined.