#masthead background image won't align with menu

Hello people!

We are styling the website: site and we want to align te header image (RA Rianne Aarts Taaldiensten) with the menu. I have tried everyting but I can’t find a good way to align it (I don’t want to center the image but just want to align it with the menu).

This is in the stylesheet:

[no need to post css if you add a link to your site; but if you do post the code, please follow the froum guidelines and mark the code – http://codex.wordpress.org/Forum_Welcome#Posting_Code ]

/* The Header */

#masthead{
	background:url(http://www.rianneaarts.nl/blog/wp-content/uploads/2012/10/header-3-grijs-01-e1349966957389.jpeg) no-repeat;
}

#top {
	width:900px;
	height:90px;
	margin:0px auto;

	}

.head{

	margin:0px auto;
	height:90px;
	position:relative;

}	

h1.logo{
   font-family: 'DiavloBlack';
	font-size:32px;
	width:400px;
	padding-top:20px;
	font-weight:normal;
	}

h1.logo a:link, h1.logo a:visited{
	color:#111;
}

h1.logo a:hover{
	color:#111;
}

Thank you very much!
Annouck