Public Service Announcement: IE9 rendering oddity when FORMs tags improperly laid out

Question

Greetings and salutations!

I've put together a nice floating form CSS file for some pretty forms with minimal HTML code that work swimmingly under FF and Chrome (note the absence of IE in that list [done Done DONNNNE!]).

So in testing under IE I was getting a weird break in the FIELDSET (which was styled with a border). Under IE9 it looked as though there were 2 FIELDSETs when in fact this is only one...

JSFiddle Example

Chrome (under Win7):

Firefox (under Win7):

IE9 (under Win7):

UPDATE (including answer from below)

In the end, the cause of this was an end FORM being lost in the middle of the FIELDSET (as JSFiddle even complained about).

Answer 1

It's due to the misplaced end FORM tag (even JSFiddle spotted it)!