[...] Es soll jedoch nicht sofort wenn man mit dem Mauszeiger von der Schaltfläche geht wieder verschwinden [...]

Bei den "normalen" MouseOver popup Effekten einer Navigationsleiste (oder Button) musst Du damit leben.

Eine Änderung des Zeitverhaltens der Ein-/Ausblendungen wäre vermutlich möglich, es würde aber in jedem Fall einen Eingriff in die Programmeigenen JS Bibliotheken erfordern. Die dort verankerten Funktionen werden i. d. R. an mehreren Stellen im Programmablauf verwendet. Welchen Einfluss Änderungen am Quellcode dieser Funktionen auf den gesamten Programmablauf haben, ist nicht seriös abschätzbar...

[...] Dadurch wird die Navigation etwas problematisch [...]

Das müsstest Du näher erklären...

Gelegentlich wird bemängelt, dass das Untermenü verschwindet, wenn man den Mauszeiger (langsam) vom auslösenden Button auf das Untermenü verschiebt.
Wenn das Deine Definition von "etwas problematisch" ist, dann gibt es eine einfache Lösung.

Verschiebe einfach das Untermenü weiter nach oben. Damit vermeidest Du den Abstand zwischen dem auslösenden Button und dem Untermenü. Der Mauszeiger "fällt" dann auch bei langsamer Bewegung nicht "ins Leere".

Wenn Du das Untermenü z. B.um 10px weiter nach oben verschieben willst, stellst Du für den vertikalen Versatz einfach den Wert als negative Zahl ein.

So sieht ein Beispielmenü im Normalzustand aus:

Und so, wenn das Umtermenü um 10px nach oben versetzt wird.

Ich hoffe, das die Lösung zu Deinem Problem passt.

Viel Erfolg