Paddingnél miért tolja el a keretet?

Van egy következő szerkezet:

<div id="A">

<div id="B">

</div>

</div>

És hozzá a CSS:

#A{

height:100%;

width:100%;}

#B{

height:100%;

width:100%}

Viszont ha B-nek adok egy 50pixeles padding-ot akkor valamiért eltolja azzal az 50pixellel és kilóg a másik div-ből.

De ezt miért csinálja? Hiszen ez a belső margó.