Mittels position:absolute ist die gesamte Liste für die umgebenden Elemente unsichtbar. Das hat zur Folge, dass ein Text oder Inhalt, der in HTML unter dem List Element eingefügt ist von der Liste überlagert wird. Das Problem löst man indem man dem darunterliegendem Text ein margin-top zuweist, welches der Höhe der unaufgeklappten Listennavigation entspricht.

Die ul-Liste darf nicht das einzige Element sein, welches über dem darunterliegenden Inhalt und dem body liegt, sonst wird die Liste selbst mit dem top-margin versehen.