Navigation horizontal gleichmäßig verteilen

[Auge]

Hallo

<div id="wrapper">
   <div id="header">
   <div id="navi">
   <ul>
   <li><a href="#anker_vita"><img src="img/vita.png"/></a></li>
   <li><a href="#anker_vorträge"><img src="img/vortraege.png"/></a></li>
   <li><a href="#anker_publikationen"><img src="img/publikationen.png"/></a></li>
   <li><a href="#anker_forschung"><img src="img/forschung.png"/></a></li>
   <li><a href="#anker_lehre"><img src="img/lehre.png"/></a></li>
   <li><a href="#anker_kontakt"><img src="img/kontakt.png"/></a></li>
   <span></span>

   </ul>
   </div> <!-- end navi -->
  </div> <!-- end header -->

Nun werden die Bilder allerdings garnicht angezeigt, das war auch der Grund aus dem ich die umständliche Variante mit den extra divs gewählt hatte.

Liegen denn die einzubindenden Bilder vom HTML-Dokument aus gesehen im Unterverzeichnis „img“?

Das span-element in der Liste brauche ich um für den Blocksatz (der ja trotzdem nicht funktioniert) wenn ich das rausnehme sieht es so aus:

Erstens hat das dort immer noch nichts zu suchen, zweitens ist die Breite auf anderem Wege festzulegen und drittens kommt die mittels der <span> erzwungene Breite als Ursache für den Unterschied in den Breiten der Navi und des Inhalts in Frage.

Tschö, Auge