Hallo Herr T.
Ich denke mal Sie meinen explizit dieses Layout, denn generell muss das Dropdown Menü nicht bündig sein, um zu funktionieren.
Ich finde einen kleinen Abstand besser als das Bündige in diesem Layout. Das sieht dann so aus:
[Blockierte Grafik: http://united-host.eu/zeta/dropdown6.jpg]
Gehe ich da nur 1 PX nach unten, funktioniert das Menü schon nicht mehr im IE10, oder ich muss die Maus schnell nach unten ziehen.
Wie dem auch sei, es betrifft nur dieses Layout und die Einstellung "Position oben" hat ja auch nur Sinn, wenn man sie benutzen kann,
also das Dropdown in der Position verändern, wobei es noch funktionieren sollte.
Sie könnten es einfach funktionierend machen, indem Sie einen Delay einbauen mit
"transition: all 0.5s ease-in-out 3s;"
So bleibt das Menü eine Zeit lang stehen, sobald man den Mauszeiger über den Abstand nach unten zum Dropdown Menü bewegt und
man muss ihn nicht mit hoher Geschwindigkeit nach unten ziehen. Dann macht auch die Einstellung "Position" wieder Sinn und das Menü
sieht so schöner aus.
Ich habe hier mal eine Demo gemacht, wie das dann mit einem Abstand zum Hauptbutton funktioniert. Erst wenn man mit dem Mauszeiger
etwas länger, direkt unter dem Hauptbutton, verweilt, schliesst sich das Dropdown Menü. Habe den Abstand hier mal etwas grösser gewählt.
Im Layout reicht ja schon ein Abstand von 1 Px das dass Menü kolabiert.
DEMO