I would like my header to overlap the menu, something like on this website: http://john-messenger.com/
Using css: margin-bottom: -40px; I am able to get the header to finish below the menu bar, but I can't get the .png header to appear over the menu bar, only under. When I make the z index of the header higher than that of the menu bar the menu bar disappears. My CSS skills are minimal and I am stabbing in the dark.
Also, how can I get the menu items to space so that the bits of the header which overlap are in between the menu items?
This is the website I am working on: http://www.photomobil.co.il/
Many thanks in advance for your help!