Das ist doch ganz einfach.
#wrapper bekommt ebenfalls einen border, ausser links. #footer unten und rechts keinen, dafür schließt er bündig mit #wrapper ab.
Für den "umlaufenden" Effekt empfehle ich Dir eine kleine weiße Grafik in der Breite des Hauses zu nehmen, diese in #header zu packen und per negativem margin-bottom vom header raushängen zu lassen, so dass die Linie unterbrochen scheint.
Wenn Du Elemente innerhalb eines Elements absolut ausrichten willst, musst Du dem Elternelement ein position: relative mitgeben.
Für die kleine Grafik wäre position:absolute das einfachste. (bottom: 0; left: 0; margin-bottom: -2px
#header bekommt dann position: relative, damit das auch klappt.
Ups, wenn zusätzliche border hinzukommen, muss das bei der pixelbreite der Elemente berücksichtigt werden
grüsse