I have the whole page set to gray as the background color, but would like only the content area to be set to a different color. According to my CSS, this should be happening but it isn't. Why not?

```
html,
body {
  background-color: #FAFAFA;
}

#page-wrapper {
  margin: 0 auto;
  padding: 0;
  width: 1024px;
}

#content {
  background-color: blue;
}

```

OK, well, I thought there might be an obvious answer, because this is a severly slimmed-down version of my code. Yes it has content and there are things in the page-wrapper. 

The jsfiddle link is here: <http://jsfiddle.net/2pzo80Lu/>

Also, if anyone has critiques of the code otherwise, it would be much appreciated.