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:

```
background-image: url(URL);
width: 100%;
height: 400px;
position: absolute;
left: 0;

```

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!

Here is a JSFiddle example of my problem: <http://jsfiddle.net/T2t47/13/>