Forms Displaying Odd In FF

I use JotForms for Contact and Feedback on some of the websites I do and they have always worked fine in both IE and FF. Never had a problem with FF before that I can recall. All of a sudden the forms in FF are displaying much larger than they used to and not fitting where they have always previously fit?

They are either too wide, things are not on the correct lines( i.e. more lines than I have ), they are too long, or all of the above. They all still show fine in IE( all versions tested )but in FF it is a no go? Could someone check things out and let me know what happened or what I need to do to fix it? As said I have always used them in this manner and it has always worked. Just recently it no longer will in FF?

I use <IFRAME> to insert the forms and use the same basic code and just add the correct address for the form needed. You can see what is happening on all my sites using the link below that shows one of them( the worst )with the issue at hand...

http://www.exetersportsmansclub.com/page2.htm

BTW - was using FF 27 something and updated it to most recent( 29.0 )to see if that helped but no change seen.

Thank you in advance.

IE Proper Display:

[URL=http://s55.photobucket.com/user/gsthunder/media/IEWorks_zpse7627ca2.jpg.html][IMG]http://i55.photobucket.com/albums/g159/gsthunder/IEWorks_zpse7627ca2.jpg[/IMG][/URL]

FF Improper Display:

[URL=http://s55.photobucket.com/user/gsthunder/media/FFDoesntWork_zpsd5619434.jpg.html][IMG]http://i55.photobucket.com/albums/g159/gsthunder/FFDoesntWork_zpsd5619434.jpg[/IMG][/URL]

I did what you said, and I even manually resized the form and it still isn't right. Better but too long in FF. If I shorten it up in FF it is going to be too short in IE. I have this same issue with the other forms on my other sites in FF too. They are too long in FF.

Oh, and thank you for the help.

Hi,

I've fixed the field alignments, but the bottom part issue has something to do on your page elements. What is your website builder? Maybe, you can drag the elements below your form down to the bottom. The page consists of too many elements and all are separate to each other. 

Please kindly check the changes and let me know if it still overflows at the right side.

Thanks

I forgot to mentioned that I have injected the following custom CSS codes to the form so to fix the widths:

http://pastiebin.com/536a395fd318f

Thanks

@gsthunder

Because textarea is a little bigger and wider on FF compared to any browsers. That's one of firefox textarea default style.

Injecting the following CSS code to your form should fix it.

.form-all textarea {

max-height: 145px;

}

Hope this helps!

Setting max height solved the last problem.Thank you very much to all.