Dúvida: cálculo px para em/rem

Amigos, bom dia!

Ao ler o guia front end, fiquei com uma dúvida sobre o calculo de transformar px para em.

Na página 99, o autor diz que a fórmula é: target / context=result, sendo que o target é o valor em px que você quer converter eo context é o valor do elemento pai.

Ao fazer exemplos de compatibildade com o IE8, ele diz que o código seria:

body {font: 100% verdana, arial, tahoma, sans-serif;}
div {
font-size: 30px;
font-size: 1.88rem;
}
h1 {
font-size: 20px;
font-size: 1.25rem;
}
p {
font-size: 12px;
font-size: 0.75rem;
}

Porém, seguindo a lógica da fórmula os valores deveriam ser:
h1: 20/30= 0,66rem.
p: 12/30 = 0,4rem

Não é? Já que h1 e p está embaixo da div, que é o elemento pai dos dois.

Vocês poderiam me ajudar???

Outro ponto: vocês tem alguma explicação rápida sobre a diferença entre em e rem?

Obrigado!!