I'm trying to follow a guide located [here](http://davidwalsh.name/css-fixed-position-background-image) to know avail :(.

Here's a link to my JsFiddle: <http://jsfiddle.net/gF7Af/1/>

For background; I'm attempting to make it so that the background image stays in the same position while only nested contents of `#container` scrolls, so that the background image is always shown and doesn't have any white-space (edges) when the contents nested in `#container` has a combined height larger than `#container's`.

Any help would be greatly appreciated!

Thanks!