Как предотвратить прохождение границы набора полей через элемент легенды, окруженный тегом формы?

У меня есть форма с этими тегами: <form>, <fieldset> and <legend>.

Граница набора полей проходит через середину элемента легенды. Я все еще хочу, чтобы вокруг моей формы была граница, но я не хочу проходить через ее середину. Проблема такая: если я пробую в css только набор полей и легенду, все работает нормально, но если я еще добавляю стиль формы, я получаю ошибку, о которой я говорю.

.form {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-height: 50px;
  padding: 5px;
  margin: 10px;
  clear: both;
  float: left;
  width: 40%;
  text-align: left;
  border: 0px;
}
fieldset {
  padding: 10px;
  margin: 2px;
  border: 1px solid #000000;
  width: 60%;
}
legend {
  padding: 0px;
  border: 0px;
  color: #ff0000;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
}

<form>
  <fieldset>
    <legend>Title</legend>
  </fieldset>
</form>

Я предполагаю, что это конфликт между формой и стилем fieldset/legend. Причина, по которой я добавил position: absolute; и метод перевода, заключается в том, чтобы расположить форму посередине страницы браузера. Итак, как я могу избавиться от набора полей границы, проходящего через середину легенды, но при этом располагающего мою форму в центре страницы?