Hoverfarbe im Kontextmenü füllt Bereich zu wenig aus

Hallo,

ich verwende folgenden Code, um im Kontextmenü eine durchgehende Linie zwischen den Einträgen zu haben (siehe auch das angehängte Bild).

menuseparator{
   -moz-appearance: none !important;
   padding-top: 0px !important;
   padding-bottom: 0px !important;
   margin-top: 1px !important;
   margin-bottom: 0px !important;
   }

Jetzt möchte ich noch, dass die Hoverfarbe beim Reloadbutton weiter runter geht, weil jetzt ist - wie man sehen kann - noch ein Bereich im Reloadfeld, der nicht von der Hoverfarbe eingenommen wird. Es soll fast bist zur Trennlinie gehen, also so ein minimaler Abstand wie von dem Save In-Eintrag nach oben zur Trennlinie.

Zitat von milupo

Nur eine Vermutung: Setze mal margin-top: auf 0px. Bisher wird dadurch ein Abstand von 1px oberhalb der Trennlinie definiert, auf den sich der Bereich des Reload-Buttons nicht erstreckt.

Bei 0 ist mir immer noch zu viele Fläche, auf die der Hover keinen Zugriff hat.
Hab jetzt auf -2 eingestellt und alles ist wie gewünscht. Danke!

andreas: Mit dem Code wird die Trennlinie durchgehend. Bei mir war sie das sonst nicht.

So sieht es mir mit -2 aus und daneben komplett ohne Code und das ist hässlich: