maquetar una lista dentro de una capa en el top

[snowmanchip]

hola igualacero..

Lo que te envié es sólo un ejemplo ya que no adjuntaste el layout completo, es decir los otros div como para captar bien tu idea, hay muchas maneras de lograr lo que quieres, si te fijas en la imagen que adjuntaste el efecto que deseas lograr no lo conseguirás, porque el elemento que contiene la lista es un bloque que ocupa todo el ancho de la página y quieres desplazarlo hacia arriba para que quede al lado de un elemento que no sabemos cómo está compuesto, si ese bloque lo reduces al ancho que deseas del ul se debiera posicionar fácilmente,
Actualmente #friends contiene a tu lista y tiene un ancho de 1280 px.
saludos.