Seite 2; na bitte:

Alles unterhalb des Banners ...

... fängt eigentlich ganz oben auf dem Bildschirm an und wird dann vom Banner überdeckt. Grund: Der Anspruch an den content-Bereich, in jedem Fall bis unten auf den Bildschirmrand zu reichen. Das geht nur mit Höhe = 100%. Dem musste auch der Navigationsbereich angepasst werden.
Navigationstext und content-Bereich bekommen dann aber ein eigenes div mit dem Abstand der Banner-Höhe, die Hintergrundgrafik (der Gelb-Verlauf) der Navigation auch. Sonst würde ein Teil des Navigations- und content-Textes ja vom Banner überdeckt werden. Der content-Bereich hat die Höhe 100%, geht also in seinem farbigen Feld immer über die ganze Bildschirmseite, auch wenn da nichts steht. (Was passiert mit dem grünen Hintergrund, wenn da mehr steht, als zunächst auf den Bildschirm passt?)
Das Logo (Schalke) ist ein Hintergrundbild im Body-Tag, siehe CSS.

Neuer Absatz: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat? Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat! Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat. - Im CSS formatierte Trennlinie:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.