lista desplegable con div posicion absoluta

[roboty]

Estoy intentando crear una lista desplegable pero el css no consigo crear el efecto que quiero, partiendo de una capa contenedor, dentro de esta tenemos varios div y etiquetas html y en el ultimo div que esta dentro del contenedor quiero crear una lista con div que posteriormente convertire en lista desplegable con jquery, pero esta lista quiero que se vea en posicion absolute pero no lo consigo muestro un ejemplo:

Código HTML:

<div id='contenedor'>
 
      <div>portada</div>
 
       <div>
         <p>contenido</p>
         <p>mas contenido</p>
      </div>
 
     <div id='menu'>
          <div>lista desplegable</div>
          <div>menu</div>
          <div>contactar</div>
         <div>presentacion</div>
     </div>
   
</div>
 

lo que intente sin exito es centrar el div con id menu en el centro del contenedor y que sea una posicion absoluta osea que no agrande el contenedor , alguien me puede ayudar?

saludos