This may seem like a rather simple question, but for some reason I can not figure this out. On my website, I have a large header, and the main content begins on top of it, and then is supposed to fade into my background which is just some simple lines and a color. For some reason though, the background overlaps the header image, therefore covering up part of it. I want my background to start at the bottom of the header image. I've tried using background-position: 0 -220px, but that doesn't do anything. How do I move the starting postion of the background in #content down?