Как ограничить ширину поля в процентах от экрана

У меня есть набор полей, который я хочу занять 25% окна браузера.

html, body {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  height: 100%;
}

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

fieldset {
  box-sizing: border-box;
  margin: 0;
}

fieldset#rx {
  width: 25%;
  max-width: 25%;
  float:left;
  height:100%;
  overflow-y: scroll;
  overflow-x: scroll;
}

Хотя набор полей пуст, он правильно занимает 25% ширины окна.

Как только добавляется какое-то широкое содержимое, набор полей расширяется до размера своего содержимого, а не остается на уровне 25%.

Как я могу заставить набор полей занимать 25% ширины браузера, даже если он имеет контент?

Обновление: @rajuGT написал скрипку, иллюстрирующую проблему: https://jsfiddle.net/of4dmkmk/2