CSS Overhead?

[Baba]

Das ist Dein Original.

Verbessern kann man:

• li.nav1selected und li.nav1unselected haben sehr viele gemeinsame
    Eigenschaften. Einfach die Klasse weglassen und einen selector li
    benutzen.
• Paddingangabe (statt padding-top, etc... padding: 0 20px;)
• a auf ganze li Größe aufziehen. Dann ist nicht nur der Hovereffekt
    auf dem ganzen li, sondern auch das ganze li verlinkt!
• background-color entweder auf a oder li. nicht mixen.

Das geht auf jeden Fall sehr viel kürzer. Versuch es mal im fiddle und klick dann auf "Update" und poste den Link hier.

Cheers,
Baba