Stretch: simple way to stretch boxes to edge of screen without additional elements. Here's a good article with description: http://css-tricks.com/full-browser-width-bars/

stretch.css

.center {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}

html, body {
  overflow-x: hidden; /* Prevents horizontal scroll */
}

.stretch {
  position: relative;
}

.stretch:before,
.stretch:after {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10000px;
}

.stretch:before {
  right: 100%;
}

.stretch:after {
  left: 100%;
}

.stuff1:before,
.stuff1:after,
.stuff1 {
  background-color: #ffcb00;
}

.stuff2:before,
.stuff2:after,
.stuff2 {
  background-color: #00cb00;
}

stretch.html

<div class="center stretch stuff1">
  whatever content you want
</div>

<div class="center stretch stuff2">
  whatever content you want
</div>