I figured out how to have the “header-bg.png” to flow behind the content. It was actually quite simple. All I had to do was add a height value to the “header” and it fixed it. Tada! Now, if you look at the box-shadows around the social widget, picture frame, and footer, it goes all the way around. Now, look at the blog post or any of the other pages. The box-shadow only appears on the top and bottom of the selected items. It is something that no one will probably ever notice, but the box-shadows were working fine before I added the new sticky footer method (which actually works, by the way). So, now, all that is left is figuring out why the box-shadow is not appearing on the sides of the selected items. It would make sense if it was being cut off by the 818 pixel set width on the items, but the social widget, picture frame, and footer also have set widths and the box-shadow goes beyond those widths.