Mam pewien kłopot z renderowaniem tabelki pod przeglądarkami innymi niż
IE. Otóż chciałbym aby kolumny tabeli wypełniały jej całą szerokość.

HTML5 w uproszczeniu jest następujący:

<form class="formularz" method="post">
<fieldset>
<label></label>
<label></label>
<label></label>
<label></label>
...
</fieldset>
</form>

CSS:

.formularz{
background-image: url(../pictures/hr.png);
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom: 20px;
display: table;
width: 100%;
margin-bottom: 20px;
}
.formularz fieldset {
display: table-row;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0px;
padding: 0px;
}
.formularz fieldset label {
font-size: 14px;
font-style: italic;
font-weight: 300;
display: table-cell;
width: auto;
}
.formularz fieldset label + label {
padding-left: 15px;
}

W FF i Chrome komórki tabeli zbijają się po lewej stronie i są o
szerokości własnej zawartości zamiast zajmować 100% wiersza. Nie mogę
nadać sztywnej szerokości komórkom gdyż ich ilość może być zmienna a
także ich zawartość też może być szersza lub węższa. Chciałbym aby to
się zachowywało jak zwykła HTMLowa tabela. Co robię źle?