Hei,
Dein erstes Problem ist das float im #navi1. Dadurch rutscht Dein vertikales Menü natürlich RECHTS von Deinem horizontalen Menü hin.
Das float:left bewirkt hier nämlich nicht NUR, dass das horizontale Menü an den linken Rand geklebt wird, es bewirkt auch, dass dieser div aus dem normalen Textfluss genommen wird, und die nachfolgenden Elemente wieder im normalen Fluss weitermachen, also RECHTS von diesem Menü erscheinen.
Durch dieses float wird auch dein div (ohne Namen) außen um pagetitle und navi1 herum NICHT um das horizontale Menü (navi1) gezogen, weil dieses sich nicht im Textfluss befindet.
Nimmst Du das float:left raus, wird Dir gleich ein Licht aufgehen! Es sieht plötzlich ganz anders aus!
Bedenke: float:left heißt NICHT, dass etwas linksbündig geschrieben wird!
Noch weitere Fragen?
-Efchen