Normalerweise überschreibt das Browser-CSS nicht das eigene CSS, sondern andersherum.
Der Rahmen verschwindet, weil sich das Markup (HTML) ändert. Wenn ein Menüpunkt aktiv ist, ist es kein Link mehr, sondern ein Strong-Element. Wenn man sich wiederum auf einer anderen Seite befindet und es somit kein aktiver Punkt mehr ist, ist es ein regulärer Link, der ein span enthält.
Dein CSS lautet:
HTML-Code:
.navi a.kontakt, .navi span.kontakt {
...
}
Es werden also nur der Link und das span angesprochen, es fehlt der strong-Selektor. Ich würde es so lösen:
HTML-Code:
.navi a.kontakt, .navi span.kontakt, .navi strong.kontakt {
padding: 0.45em 1.75em;
border: 1px solid;
border-radius: 5px;
}
Lesezeichen