Creo que hay una cosa que no me has entendido o no me he explicado bien:
si pones en la css:
.cospag {position: absolute; top: 0px;}
.textcap {margin-top: 30px;}
poniendo tu html como lo tenías:
<div class="textcap"></div>
<div class="cospag"></div>
lo que consigues es lo que querías, es decir, la casa segunda (cospag) queda por encima de la primera, y de esa manera lo que ves es primero la caja cospag y debajo la caja textcap, tenga esta el contenido que tenga, que se estirará hacia abajo.
A ver si ahora lo he hecho mejor.
Mikel.