How can position relative make a dom node paint over a position fixed one?

Question

I was building a modal, and I was having problems keeping the background behind the main content. They were on the correct hierarchy for them being painted correctly: the on