title: Need Image inside container to span full width of page and still act as a inline-block / block element
body: <p>I am trying to have an image take the full width of the page while inside a div with a given width. I managed to do this by adding it as a background image and adding the following styles:</p>
  
  <pre><code>background-image: url(URL);
  width: 100%;
  height: 400px;
  position: absolute;
  left: 0;
  </code></pre>
  
  <p>However, the image is on top of all my other elements now, so I need to have the div display as a block or inline block element, but I'm not really sure the route to make this happen since when I apply those as styles nothing changes. Let me know if there is a good way to do what I'm trying to do. Thanks!</p>
  
  <p>Here is a JSFiddle example of my problem: <a href="http://jsfiddle.net/T2t47/13/" rel="nofollow">http://jsfiddle.net/T2t47/13/</a></p>