Hallo Frankx,
»» warum ist das div in dem li?
in einer Navigationsliste, die im Original aus floatenden li-s besteht, wird das aktuelle Navigationselement mit diesem div ausgestattet. Dieses sorgt dafür, optisch außerhalb des ul-Containers das aktuelle li optisch zu dekorieren.
Nur wenn das outOfTheBox-div innerhalb des li liegt, hat es die gleiche x-Position wie dieses. Das funktioniert in dem Beispiel natürlich nicht, weil es stark gekürzt und auf des z-index-Problem reduziert ist.
Gruß Andree