Non riesco a far adattare i div della mia pagina web all'altezza del browser (height)

questo è la pagina: http://www.theartofweb.altervista.org/ervituzzi/

la pagina è cosi' composta:

+----------------------+
| head |
+----------------------+
| |
| logo |
+----------------------+
| footer |
+----------------------+

i divs head,logo e footer sono contenuti in wrap che ha width: 100% e height: 100%

head ha height: 50px
footer ha height: 50px;

logo non ha height settato (anche se adesso nella pagina web linkata e settato a 400px)

se settassi logo a height: 100% mi apparirebbe lo scroll...

come posso fare?

grazie e buona pasqua