spazio anomalo se metto border

[ShuBaarb]

Stavo facendo una paginetta di prova quando sono incappato in un fatto un po' inspiegabile (ai miei occhi).
Non riesco a spiegarmi perchè se inserisco il border nel div container, in alto si crea uno spazio in più anomalo spostandomi tutto il contenuto di qualche pixel sotto.
Se non metto il border quello spazio scompare e il div che uso come header arriva a combaciare senza margini al limite del div container sempre in alto.
Non mi spiego assolutamente questo fatto, qualcuno è in grado di aiutarmi?

I sorgenti sono qui.

[Prill]

è normale. Fintanto che non usi il bordo, i margini di elementi a contatto si uniscono (prevalendo quello maggiore, senza avere la somma dei due), con il bordo invece restano separati e lo spazio che essi occupano appare maggiore.
E' conveniente azzerare margini e padding per tutti gli elementi (anche perché i diversi browser li calcolano in maniera differente) e ripristinarli dove servono