.principal:
quita el height, añade overflow:hidden
.principal img {
margin-top:-30px;
padding-right:20px;
}
ul#navMenu añade margin-top:50px
Los valores de px son orientativos, ajusta tú sus valores.
Y te recomiendo lo mismo que
JavierB 
pues entré a tu tema con el bote de aspirinas en la mano.
Un saludo