Using a single outer wrapper container, is it possible to have a background color immediately next to a background photo as in the attached image? It needs to be a single wrapper, because I’d like to add a child div inside that will overlap this entire area. The photo needs to grow/shrink at the container grows/shrinks with the browser.

<div class="outerWrapper">
     <div class="innerWrapper"></div>
</div>