PERDONA, ME EQUIVOQUE DE CODIGO. ESTE TE TIENE QUE FUNCIONAR
( ¯ ` · . _ . · ´ ¯ ` · . _ . · - { Empieza el codigo } - · . _ . · ´ ¯ ` · . _ . · ´ ¯ )
<div id="formulario" style="position:absolute; left:0px; top:0px;
z-index:1"> CODIGO DE FORMULARIO ACA </div>
<div id="proyeccion" style="position:absolute; left:0px; top:0px;
z-index:2"> CODIGO DE PROYECCION ACA </div> ( _ . · ´ ¯ ` · . _ . · ´ ¯ ` · - { Termina el codigo } - · ´ ¯ ` · . _ . · ´ ¯ ` · . _ ) 
El "z-index:1" es una funcion que define cual imagen debe ir arriba. Fijate que la primer imagen tiene un 1 y la segunda un 2.
Asegurate que el left y el top de ambos sea el mismo, asi estaran en la misma posicion.
Tambien podes ponerle la posicion en porcentaje, simplemente cambia el "px" por un "%".