Hallo Steffi,
Du packst die Naviagtion in eine Liste, schaust Dich z. B. hier etwas um, wie man eine Liste vernuenftig formatiert, um eine schicke Naviagtion zu erhalten.
In deinem speziellen Fall machst du dir den Hintergrund der <a>, bzw. <li> in Photoshop zurecht, die Linien mit der Bordereigenschaft. Bleibt noch zu beachten, dass du deine Links so machen solltest: <li><a...>Text </a>, also mit einem Leerzeichen hinter dem Text. Das gleicht einen Bug in IE aus, der sonst unter jedem <li> eien Abstand macht.
Gruß,
Dieter