I ended up taking out the negative margin and wrapping the whole layout and applying the grey background gradient to that. Then relatively positioning the footer, that seems to work. But, I see another issue when I shrink my browser width to a mobile size. I see a gap on the right side of the layout forced open by something in the header. Could you help me figure out what is causing that?