<a>
display:block als Voraussetzung für Breite
<li>
nebeneinander mit float:left
<ul>
(Mindest-)Breite, damit das Browserfensten nicht die einzelnen Elemente untereinanderschiebt.
Das kann auch über den Seiten-Wrapper erledigt und @media
differenziert werden.
Zusammenspiel von Schriftgröße und Zeilenhöhe als Alternative für padding.
Wichtig für Metapher „Reiter“: Farbcodierung, Streifen über gesamte Breite, Verbindung von Streifen und Reiter.
Für Kompatibilitäten mit IE5 sollte der untere Streifen nicht eine Boder sonder eine Hintergrundfarbe eines anderen Containers sein.