Diese Unternavigation beginnt nun natürlich an der Unterkante des Elternelements. Ich möchte aber, dass es sich ein paar Pixel UNTER die obere Navigation schiebt, da ich mit Schatteneffekten arbeite.
Und das ist das Problem - ich kann sie zwar verschieben, aber dann liegt sie immer ÜBER der oberen Navigation.
der horizontale menupunkt wird durch das a-element erstellt, das komplette untermenü durch sein nachfolgendes geschwisterelement ul
ein nachfolgendes element ist per default immer ÜBER seinem vorfahrenelement und über seinen vorhergehenden geschwistern
das verhalten zwischen geschwistern lässt sich durch z-index beeinflussen
ul li a { z-index: 2; }
ul li ul { z-index: 1; }
vorraussetzung für z-index ist, dass die elemente positioniert sind (absolute, relative oder fixed)