Ho notato che se al posto di margin uso padding si vede proprio lo sfondo del div che esce di un bel po verso il basso fuori dal bordo di html e di body. Ma perchè?
La misura reale di un div non dovrebbe essere height + margin top/bottom + padding top/bottom + border? Allora perchè 50% + 25% + 25% =125% circa? E perchè tutto verso il basso?
Il 100% dell'altezza non dovrebbe corrispondere all'altezza del contenitore?