maggie: Navi und Suchfeld auf einer Linie

Beitrag lesen

Hallo,
auf einem Hintergrundfeld (weißer Balken) soll eine Navigation (Navi1 - Navi4) erscheinen. Bei 'hover' soll ein Hintergundbild (rote senkrechte Linie) die volle Höhe des Hintergrundfeldes (und das Naviwort) ausfüllen.
Das Suchfeld soll rechtsbündig auf dem Hintergrundfeld stehen.

So sieht die HTML aus. Das Bild unten auf der Seite ist die Soll-Variante.

Könnt Ihr mir Tipps geben, welche Fehler im CSS stecken?

Danke.
Gruß
Maggie