How can I overlay an image in a fluid layout (zurb foundation)

Question

I am trying to position an image inside a wordpress menu bar so that it is shown at the home-buttons position but overlaying all other content (see images) The theme is based on Zurb's Foundation framework

What I got:

How it is supposed to be:

(The home-button will be smaller horizontaly in the end)

I already tried overflow:visible and then repositioning the image with margins, it did not work unfortunately, because the image still gets clipped.

You can see the code in action, with source on this page: [removed]. I think its easier this way, so you can see all the css in action.

Thank you very much for all answers!

Answer 1

You get this result, using in the image

position: relative;
z-index: 99;