Переполнение: скрыто в Firefox 3.6

Question

Я создал скрипт формы, так что я всегда могу использовать его, если мне нужна форма, но я заметил, что когда я устанавливаю для поля свойство по переполнению, скрытое, оно все еще видно в Firefox (протестировано в 3.6).

Я видел, что более 5% пользователей смотрят в FF 3.6, поэтому мне нужно это исправить.
Я погуглил это за это, но все исправления, которые они сказали, не помогли мне с моей ошибкой ...

Ссылка на jsFiddle Я сделал часть формы в JS fiddle, если вы можете проверить в Chrome, IE 6+, а затем FF 3.6, вы увидите различия (когда вы нажимаете на флажок скрытый содержание должно показать).

Пожалуйста, кто-нибудь может помочь,

Sander

Answer 1

Похоже, что это ошибка Mozilla, которая существует уже более 7 лет (по сообщениям 2004-09-22):

https://bugzilla.mozilla.org/show_bug.cgi?id=261037

Проблема

overflow всегда обрабатывается как overflow: visible на fieldset, когда ему присваивается фиксированная высота или ширина (независимо от того, как вы его установили).

Обходной путь

Вы можете использовать display: none, чтобы скрыть содержимое набора полей, или если вы хотите продолжить использование подхода overflow:hidden, тогда вы можете либо изменить элемент с fieldset на div, либо вложить fieldset в другой div с собственностью overflow: hidden.

Вложенный fieldset пример: http://jsfiddle.net/8nbuj/8/