altezza in percentuale e immagine a metà div!

Salve!
E' una domanda un pò imbarazzante :lol: ! Ma è un pò che ci provo e non riesco a trovare una soluzione!

Vorrei avere 3 div:

top 15% di altezza
center 70% di altezza
bottom 15% di altezza

Il problema è che all'interno dei tre div non c'è niente... quindi m da altezza paragrafo! Con min-height non funziona, mi funziona solo con valori assoluti...
Non so se sono stato chiaro...

In ogni caso approfitto anche per chiedere se è possibile inserire un'immagine che si trovi in mezzo tra il div top e il center... Cioè che inizi da top, ma essendo più grande non si allarghi il top e non venga nascosta, bensì finisca "sotto" il center, che però non avendo background dovrebbe permetterne la visione... E' molto complicato spiegare senza poter mostrare! Spero si sia capito qualcosa!

edit:

Ovviamente mi sono dimenticato di dire che non vorrei usare js altrimenti avrei già risolto!