The reason that only your first div is colored is this: the html
element takes up all visible space in the document, but the body
takes up only as much space as its children.
Fix: set a fixed width and height for the body first, then use background-color
on both the body
and html
.
body { background-color: white; } /* color for body */
html { background-color: maroon; } /* color for space not used by body */