[...] versuch ich dann einen der Unterpunkte anzuklicken verschwindet das Popup so schnell das es nicht möglich ist auf einen der Punkte zuzugreifen. [...]

Das ist eine fest "verdrahtete" Eigenschaft, die dafür sorgt, dass popup Objekte sofort geschlossen werden, wenn die Maus das auslösende Objekt verlässt.

In Deinem Fall eine nachteilige Eigenschaft, die mit Recht die Frage zulässt, warum denn überhaupt die Möglichkeit besteht, Untermenüs vertikal vom Hauptmenü abzusetzen.

Es gibt AFAIK keine Möglichkeit den Effekt in Deinem Sinn zu manipulieren, ohne Eingriffe an der mitgelieferten JS Bibliothek vorzunehmen, was, wenn es gelingt, unabsehbare Konsequenzen in anderen Bereichen der Site nach sich ziehen könnte.

Sei's drum, es gibt noch eine andere Möglichkeit, den Effekt zu umgehen.

Dazu musst Du die NavBar so verändern, dass die Buttons um eben diese 5px breiter werden. Ein eingeblendetes Untermenü erscheint dann automatisch (zumindest optisch) mit dem gewünschten 5px Abstand zu seinem Button und es bleibt erreichbar.

Im einfachsten Fall löst Du die NavBar für die Bearbeitung auf und ziehst die Breite der hinter dem Button-Text liegende Form um 5px nach unten.

Im o. a. Beispiel habe ich tatsächlich die vorhandene Hintergrund Form des Buttons verändert. Du wirst Dir natürlich etwas mehr Mühe geben, und einen zusätzlichen Rahmen mit der gewünschten Breite- und in der Farbe des Seitenhintergrunds hinter die Buttons legen, damit der "Trick" nicht auffällt.

Viel Erfolg