Margin and padding using em

Когда 1em применяется к элементу, он принимает значение по умолчанию браузера (обычно 16px) или значение font-size его родителя, верно? Но я заметил, что если я использую что-то вроде margin-top: 1em в элементе h1 (без использования сброса таблицы стилей, и поэтому h1 установлен в font-size: 32px), то 1em будет равен 32px, даже если его родительский элемент установлен в font-size: 16px.

Однако использование чего-то вроде font-size: 100%; решает эту проблему.

Что я упускаю?