I feel like this should be much easier than I am making it...I'm looking for a solution to have 1 solid color extend from the left and end at a logo, then have a second solid color extend all the way to the right. I want the wrapper divs to extend 100%. So something like:

```
<div id="header-wrap"><!--100% page width-->
  <div id="header"><!--1000px centered fixed width-->
    <div id="logo"></div><!-- align left-->
    <div id="nav"></div><!-- align right-->
  </div>
  <div id="sub-header-wrap">
    ...
  </div>
</div>

```

Here's an image showing what I mean: 

![enter image description here](https://i.stack.imgur.com/dBIj4.png)