nicht angemeldet
Zusätzlich:
Die Klassen navi und main brauchst du vermutlich nicht, du kannst mit Nachkommensselektoren arbeiten, also #left a, #left a:link usw.
Das Bild in #title kannst du mit text-align:right anstatt mit float ausrichten (hatte die Verwendung von float einen bestimmten Grund?).
Trenne die span-Elemente in den Navigations-Links mit einem Leerzeichen ab:
<a href="#">sinn_verwandt <span>Ausgewähltes aus meinen Bookmarks. Tools, Tipps, Lieblingsseiten</span></a>
Sonst klebt das erste Wort jeweils am Linktext (»sinn_verwandtAusgewähltes«), wenn keine Styles interpretiert werden.
Lass die Breite für #left a:hover span weg, die Prozentangabe bezieht sich auf das Elternelement a und somit wird der Text extrem schmal angezeigt (Opera7, IE6).
Hm, achso, Gecko braucht die Angabe... mit width:inherit geht es anscheinend.
Grüße,
Mathias