<body> свойство background-color не работает правильно с HTML5 DOCTYPE [duplicate]

На этот вопрос уже есть ответ:

Почему моя высота div 100% работает только при удалении DOCTYPE? 5 ответов

Итак, у меня есть базовый HTML-макет с двумя столбцами, к которому я применил базовый CSS:

html {
  background-color: gray;
}

body {
  width: 900px;
  background-color: white;
  margin: 0 auto;
  overflow: hidden;
}

.logo, .nav, .contact {
  float: left;
  width: 248px;
  border: 1px black solid;
}

.about, .banner, .content {
  float: right;
  width: 648px;
  border: 1px black solid;
}

Проблема в том, когда я добавляю<!DOCTYPE html> объявление в начале моей страницы,background-color атрибут не работает дляbody тег. Я предполагаю, что это как-то связано с тем, что по умолчанию используется режим quirks без DOCTYPE, но что я делаю неправильно, что может быть неверным CSS? (Я проверил с помощью Jigsaw, и он не показывает никаких ошибок / предупреждений.)

Ответы на вопрос(1)

Ваш ответ на вопрос