solapamiento vertical con espaciado

[djsos]

Hola buenos dias a todos;

Necesito hacer que un div se posicione automaticamente debajo de otro, dejando entre ambos 2% he intentado utilizar la funcion position relative y añadiendole a margin 2% pero me le posiciona al principio de la pagina. La idea es hacer un pie de pagina que se adapte al otro div llamado bodi.

Esto es lo que tengo de momento

#pie {
background-color:#CC0000;
position:relative;
width:73%;
height:auto;
z-index:1;
left: 15%;
top: 88%;
visibility: visible;
}

#bodi {
background-color:#CC0000;
position:absolute;
width:56%;
height:auto;
z-index:1;
left: 22%;
top: 43%;
visibility: visible;
}

Muchas gracias y espero su alluda