Guten Morgen,

zunächst einmal hast du deine #nav-ID zweimal vergeben. Einmal für das <div> und einmal für die <ul>.

Desweiteren clearst du falsch. Dein <h1> innerhalb von #logo hat float: right. Somit hat #logo keine Höhe (das <span> ist ja ausgeblendet). Nun gibst du der #navi das clear: right; was aber außerhalb von #logo steht. Das clear muss in #logo. Dann rutscht die #navi auch richtig unter das #logo und du kannst #nav mit float: right; und ohne width nach rechts schieben. Danach dann das clearen nicht vergessen.