title: How to push child element inside div that's wider than the window?
body: <p>I have a container for all of my content that is 1000px wide and centered vertically and horizontally. The top div is 1600px with a left margin of -300px to match my "full bleed" background image below it. I want my logo to justify left with the image on wide monitors, but push in when the window is less than 1600px. Currently it overflows past the window.</p>
  
  <p><em>Note: I would normally run the header outside the container div, but the whole thing is vertically centered and that would throw off the centering, so I'd like to keep the container as the parent.</em></p>
  
  <p><a href="http://jsfiddle.net/vgK6s/3/" rel="nofollow">http://jsfiddle.net/vgK6s/3/</a></p>