I don’t think it’s possible with any kind of stacking because it involves
body (which all elements are children of). So I can only see it working by reshaping the header and giving it some positioning. Removing
box-sizing: border-box from
html seems to have a good effect on the footer.
Edit – might be even better to give the header a pink top border instead…