I'm sure this is real simple but it's been a few yeasr since I've worked in CSS and need some help jogging my brain. I simply want to create a number of sections (i.e., ) where each one will have a different background color and each section will stretch to the edge of the browser window. I've provided a basic scheme as follows:

```
    <body>

<div class="header">
    <header>
        Header content.
    </header>
</div>

<div class="nav">
    <nav>
        <ul>
            <li>List</li>
            <li>List</li>
            <li>List</li>
        </ul>
    </nav>
</div>

<div class="content-blue">
    <p>…content…</p>
</div>

<div class="content-red">
    <p>...content...</p>
</div>

<div class="footer">
    <footer>
        Footer content.
    </footer>
</div>

</body>

```

the CSS:

```
* { margin: 0; padding: 0; }

body { background: yellow; }

div.header { background: orange; color: white; }

div.nav { background: pink; }

div.content-blue { background: blue; color: white; }

div.content-red { background: red; color: white; }

div.footer { background: gray; color: white; }

```

And yes, I did take a look through the forums and look around but I couldn't find anything particularly related. Maybe my question's too simple. :)