Ich habs mir jetzt ziemlich lange reingezogen, deswegen versuch ichs mal. Aber da kommt sicher noch was fundierteres.
Dein </u> müsste übrigens </ul> sein.
nav, "links" und "rechts" sind floats. Die stehen da wo sie hin floaten.
h3 hat ein clear und ist somit nicht mehr gefloatet. Es beginnt da wo der Rest zu Ende ist.
Das erklärt warum er sich mit schiebt.
Ich weiß zwar nicht was du genau vor hast, aber die Art wie du da floatest und die Elemente ineinander schachtelst ist noch recht verwirrend.