Wie code ich folgendes design?

äh... was erwartest du da zu finden ?

es gibt nirgends einen fertigen code den man einfach so
kopieren und ein wenig abändern kann. alles was du
brauchst findest du bei selfhtml und css4you.de.

den weg, wie du das realisierst musst du selbst finden.

ich versteh dein problem net...
die navi bekommt nen umschliessendes div, das div beinhaltet 3 weitere divs und im mittleren davon is ne ul und darin sind li-elemente.
die li-elemnte sind display:inline, damit se nebeneinnder sind.
die divs links und rechts bekommen die endstücke deines navi-bg, das mittlere bekommt dann die zu wiederholende grafik der navi.
die li-elemente oder evtl die a-tags bekommen die senkrechten striche, am besten über ne class, dann kannste die class beim letzten element weglassen und hast so keinen überflüssigen strich übrig

sehr aufschlussreich josi...

So wirste bestimmt zum User des Monats....

Hier ein richtiger Link: CSS-basierte Navigationsleisten