css - table-row がテーブル コンテナーの 100% ではありません (フィールドセット)

Question

親.itemとして機能する要素のtable-tow幅が 100% にならないのはなぜですか?
table

デモページ: http://jsbin.com/AdaCUYu/8/edit

HTML

  <form>
    <fieldset>
      <div class="item">
        <label>First Name</label>
        <input />
      </div>
      <div class="item">
        <label>Last Name</label>
        <input />
      </div>
    </fieldset>
  </form>

CSS

fieldset{ 
  border:0;
  padding:0;
  margin:0;
  display:table;
  width:100%;
  border-spacing:10px;
}

.item{ display:table-row; }
  .item > *{ display:table-cell; padding:5px; }
  .item input{ width:100%; }