versuch mach vor dem top noch margin- zu setzten 
#userMenu {
margin-top: 100px;
top: 100px;
}
Das bringt auch nichts 
#userMenu {
margin-top: 100px;
}
Die Position ist auch so nach wie vor die selbe 
#userMenu {
position: absolute;
top: 20px;
left: 0px;
}versuch das mal
Bazinga! Es hat sich bewegt 
Manchmal verstehe ich das WBB und seine Art des Umgangs mit CSS nicht so recht 
Wobei position:absolute immer recht gefährlich ist da dadurch das Menü aus dem Layout herausgelöst wird. Je nach dem kann es sinnvoller sein position:relative zu verwenden, das ist aber meist mit mehr Coding verbunden da der Platz den das Menü einnimmt, im Gegensatz zum position:absolute, nicht verschwindet.
position:abolute -> Element wird aus dem Layout herausgelöst und der Platz den es eingenommen hat verschwindet
position:relative -> Element bleibt innerhalb des Layoutes positioniert und der Platz den es eigenommen hat bleibt ebenfalls erhalten (Leere Fläche im Layout)
