I made a form script so that I can always use that if I need a form, but I noticed that when I set for a field the property on overflow hidden it still is visible in Firefox (tested in 3.6).
I saw that still more than 5% of the users look in FF 3.6 so I need to fix it.
I googled it for it but all the fixes they said didn’t help me with my bug…
Link to jsFiddle I made a part on the form in JS fiddle, if you can test in chrome, IE 6+ and then FF 3.6 you see the differences (when you click on the checkbox the hidden content should show).
Please can someone help,
Sander
It looks like it is a Mozilla bug that has been going on for over 7 years (reported 2004-09-22):
https://bugzilla.mozilla.org/show_bug.cgi?id=261037
The problem
overflowis always treated asoverflow: visibleon afieldsetwhen it is assigned a fixed height or width (no matter what you set it as).The Workaround
You could either use
display: noneto hide the fieldset content or if you want to carry on using theoverflow:hiddenapproach then you could either change the element fromfieldsettodivor nestfieldsetwithin anotherdivwith the propertyoverflow: hidden.Nested
fieldsetexample: http://jsfiddle.net/8nbuj/8/