Hey Grant,
Ok, this is a hard one to explain simply, but here goes:
Your position: relative container is being affected by margin
escaping (top margins escape out of the parent container), while
your position: absolute container is not being affected.
Here is a more detailed explanation
Hello,
I have a question about collapsing margins. I realise that the margins
of relatively and absolutely positioned elements are not supposed to
collapse, but I've come across an example that appears to break this
rule. I'd be grateful if someone could clarify what is going on.
I have a simple