Horizontale Navigation im Registerkarten-Stil

[Der Martin]

Moin,

ich würde eine Navigation gerne in einer Art Registerkarten-Stil umsetzen.
Hierfür verwende ich derzeit eine Liste, deren Listenpunkte ich für die horizontale Ausrichtung floaten lasse.

ich hätte stattdessen die li-Elemente in ihrem ul-Container "inline" gesetzt, aber wenn dir float lieber ist, okay.

Eigentlich klappt das soweit ganz gut. "Eigentlich" den jetzt hapert es daran, dass ich gerne einen Rahmen unterhalb der Navigation über die volle Breite der Seite hätte, dieser jedoch an dem aktiven Listenpunkt unterbrochen werden soll.
Gebe ich nur den Listenpunkten einen unteren Rahmen, mit Ausnahme des aktiven, geht der Rahmen nicht über die volle Breite. Gebe ich den nav-Element oder einem folgenden Hilfs-div einen unteren bzw. oberen Rahmen, so weiß ich nicht, wie ich den Rahmen beim aktiven Element gelöscht kriege.

Idee 1 (ungetestet): Mach das li-Element des aktiven Eintrags ein paar px höher als die anderen (z.B. indem du dessen padding-bottom vergrößerst) und ziehe es gleichzeitig mit einem negativen margin-bottom gleicher Größe nach unten.
Dann sollte es nach meinem Verständnis den unteren Rahmen des umgebenden ul- oder nav-Elements überdecken.

Idee 2: Realisiere den Rahmen nicht mit border-bottom, sondern mit einem unten ausgerichteten Hintergrundbild im ul und den nicht-aktiven li-Elementen, und einem abweichenden Hintergrundbild im aktiven li.

So long,
 Martin