How to get Header Image to Overlay Menu Bar

Hey guys!

I am trying to get my theme design in Wordpress working how I envision here and maybe you all can help me out. Seems simple.

I want my top header image to overlay the bottom of the image (transparent) on to the menu/navigation bar.

http://alexandria94.etcserver.com/~karenspu/wp-content/uploads/2012/11/Screen-Shot-2012-11-11-at-5.33.34-PM.png

part of the "K", "S", and "P" i want overlapping on to the navigation. Any ideas? My image is part of the background for the wrapper.

This is my CSS right now

#wrap {
	background: url(<a href="http://alexandria94.etcserver.com/~karenspu/wp-content/themes/karenspurlockheader.png" rel="nofollow">http://alexandria94.etcserver.com/~karenspu/wp-content/themes/karenspurlockheader.png</a>) repeat-x;
	margin: 0 auto;
	background-size: 100%;
}

Any ideas? thanks!