ocultar/mostrar divs flotantes

[moncherote]

Uso este codigo para mostrar u ocultar divs, pero no me gusta que cuando se muestre, este desplace toda la página. Me gustaria que apareciese en una especia de ventana(div) flotante, que quedase sobre los demas elementos sin desplazarlos... es posible???

Pongamos un menú o listado:

Opcion 1
Opcion 2
Opcion 3
....

si pincho en 0pción 1, debe aparecer un texto que no desplace hacia abajo a 2 y 3, como me hace ahora.

Código

Código:

<script>
// definiciones basicas
OCULTO="none";
VISIBLE="block";
	
function mostrar(blo) {
  document.getElementById(blo).style.display=VISIBLE;
  document.getElementById('ver_off').style.display=VISIBLE;
  document.getElementById('ver_on').style.display=OCULTO;
}
 
function ocultar(blo) {
  document.getElementById(blo).style.display=OCULTO;
  document.getElementById('ver_off').style.display=OCULTO;
  document.getElementById('ver_on').style.display=VISIBLE;
}
</script>

<div id="ver_on"><a href="#" onclick="mostrar('bloque')">Ver más</a></div>
<div id="ver_off" style="display: none"><a href="#" onclick="ocultar('bloque')">Ver menos</a></div>
<div id="bloque" style="display: none">Texto a mostrar u ocultar</div>

he visto algo de caricatos por el foro, pero no consigo aplicarlo a mi ejemplo...