title: Getting two divs to share one background image
body: <p>So I'm trying to get two individual divs which are close in proximity to share one background image but I'm not sure if this is possible. I've uploaded two pictures, the second being designed for a smaller screen (just to further explain what I mean) <a href="http://imgur.com/a/2dypd" rel="nofollow">http://imgur.com/a/2dypd</a> . I can't imagine two separate background images would work as they wouldn't line up when resizing the window.</p>
  
  <p>The only solution I can think of is creating two plain white divs to overlay on one single div but that seems like a dodgy way to go about it. I'm not expecting a hunk of code to be written for me, maybe just explain if it's possible and a reference so I can learn. Cheers.</p>