title: Split Header CSS
body: <p>I would like some input on how to accomplish putting a website header together; the navigation background should be 100% in width, but the problem is trying to accomplish the transparency around the shape of the logo.</p>
  
  <p>I am using a 960 pixel width container and I want the logo to appear on the left side, then continue on using the green navigation background. Any thoughts on how I could possibly accomplish this using CSS?</p>
  
  <p>Here's the mock-up, so you can see the desired result: </p>
  
  <p><img src="https://i.stack.imgur.com/5ziee.jpg" alt="website header"></p>
  
  <p>I used a temporary solution for the <em>Under Construction</em> page, here's a snapshot of it, Maybe that will point you in the right direction:</p>
  
  <p><img src="https://i.stack.imgur.com/1oOJb.png" alt="under construction"></p>