Deine Code bewirkt das. Siehe Bilder.
Menü Chronik. Gut. ------------------ Menü Lesezeichen. Gut. ----------------- Lesezeichen-Symbolleiste. Nicht gut.
Wirkt nicht überall das Gleiche. Leider.
Dann könnte es gut sein, dass du schon CSS Code benutzt, der die Separatoren in verschiedenen Bereichen verschieden modifiziert.
Genauer gesagt, alles was als dünne rote Linie auftaucht - mit dem Code von Mira - ist von dir geändert worden, das mit der nach aussen versetzten Umrandung ist normal.
Die Separatoren haben normalerweise Padding, und die Outlines/Borders sitzen am Rand des Ganzen.
Also solltest du die Codes für alle Separatoren raussuchen und nach padding/margin/height etc. schauen.
Für nur die Farbe von nur der Linie könnte sowas funktionieren, falls nicht wieder was querschiesst:
Der auskommentierte Teil für background-color sollte die tatsächliche Grösse illustrieren können.
Oder sowas: