Исправлено

Как я могу настроить содержимое для переполнения в наборе полей? Он работает в IE, но не в FF.

Та же функциональность, которую я могу достичь с помощью элемента div в обоих браузерах.

Пример:

<fieldset style="border:thin solid #990033;">
    <legend>test</legend>
    <div style="background-color:#0033FF; height: 30px; width:800px;" >FIXED DIV</div>
</fieldset>
<p>&nbsp;</p>
<div style="border:1px solid #999999; padding:0 8px 8px 8px;">
    <label style="background-color:#FFFFFF; padding:0 5px; position:relative; top:-10px;" >test</label>
    <div style="background-color:#0033FF; height: 30px; width:800px;" >FIXED DIV</div>
</div>

Ответ 1

Найденное решение, добавьте условный стиль css:

fieldset {
    display: table-column;
}
<!–[if IE]>
fieldset {
    display: block;
}
<![endif]–>

Ответ 2

На самом деле это ошибка в Firefox, и она существует почти 8 лет.: D https://bugzilla.mozilla.org/show_bug.cgi?id=261037

Ответ 3

Из блога сообщение от Эмиля Бьёрклунда:

body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}

Ответ 4

вам не нужно переполнять содержимое! В IE (6) по умолчанию тег "fieldset" не имеет отступов, в FF он имеет! Вот почему у вас другое поведение!

Вы можете reset заполнить (padding: 0px;) из набора полей, но в этом случае в FF метка выглядит не очень хорошо! Чтобы исправить это, вы можете reset заполнить нижнюю часть набора полей и применить "margin-left: -12px" к div внутри набора полей. Тем не менее, это решает проблему с FF, но порождает проблему в IE!

Итак, мое предложение состоит в том, чтобы использовать условные инструкции CSS для применения к каждому браузеру правильных правил стиля!