Son simples divs que se sobreponen al resto. La clave esta en usar position:absolute; (o fixed) un mayor z-index y un buen posicionamiento (top, left, right).

Saludos

Estoy haciendo pruebas con position:relative:

...pero se me desordena el cuadro si pongo aunque sea padding-top:1px al div oculto, que está dentro del <li> de la botonera. Como puede verse, el texto lorem ipsum queda a la misma altura, pero el div que lo contiene sube  ¿Es preferible entonces position:absolute? Gracias, un saludo.