Hi,
deine Gestaltung per CSS ist leider ausgesprochen suboptimal.
Eine Schriftgröße von
9pt ist erstens zu klein und zweitens ist
pt eine absolute Maßeinheit für den Druck und fürs Web deshalb ungeeignet.
Nimm
Prozent oder
em für die Schriftgröße.
Das hier:
PHP-Code:
#menu * {
display: inline;
text-decoration: none;
}
ist nicht dein Ernst, oder.
Du erklärst alle Kinder und Kindeskinder von
#menu zu Inline-Elementen.
Du bringst die navi besser mit
Float auf die Reihe und gibst
a außerdem ein
display:block; dann hast du es nur mit Blockelementen zu tun und mehr Kontrolle über die Darstellung.
Damit sich die Reihenfolge der Links nicht umkehrt braucht
ul float:right; und
li float:left;, am besten in Verbindung mit einer Breite (Clearen hinterher nicht vergessen!).
a kann noch etwas padding bekommen um die klickbare Fläche zu erhöhen.
Infos zu navis findest du in der
CSS-FAQ ab Punkt 10.