Hallo Michael,
www.kmu-office.ch/new werden die dropdowns von firefox schön im vordergrund angezeigt ond vom internet explorer hinter der nächsten box versteckt. habe mal überall die z-indexes hinterlegt, hat aber nichts geholfen.
Das hast du, soweit ich das sehe nicht, insbesondere da nicht, wo es drauf ankäme, nämlich bei deinem Element mit der id="nav". Bei dem käme es ganz besonders darauf an, weil es im DOM-Baum ein gleichrangiges Geschwister des Elements mit der id="text" ist, das du mit den Nachfahren des Elements mit der id="nav" überdecken willst.
"Per z-index positionierte Elemente erzeugen für sich und ihre Nachfahren einen eigenen Stapel-Kontext."
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#z_index
Unter "Beachten Sie" liest man da auch etwas zu den unterschiedlichen Interpretationen des Stapelindexes.
Gruß Gernot