<body> la propiedad de color de fondo no funciona correctamente con HTML5 DOCTYPE [duplicado]

Esta pregunta ya tiene una respuesta aquí:

¿Por qué mi altura div 100% funciona solo cuando se elimina DOCTYPE? 5 respuestas

Así que tengo un diseño HTML básico de 2 columnas al que he aplicado algunos CSS básicos para:

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;
}

l problema es que cuando agrego la<!DOCTYPE html> declaración al comienzo de mi página, labackground-colorl atributo @ no funciona para elbody etiqueta. Supongo que esto tiene algo que ver con el valor predeterminado del modo quirks sin el DOCTYPE, pero ¿qué estoy haciendo mal que podría ser CSS no válido? (Lo he validado con jigsaw y no muestra ningún error / advertencia).

Respuestas a la pregunta(1)

Su respuesta a la pregunta