Padding blocking other elements.. need a fix

I’ve added an image via an echo in index.php and positioned it next to “Home” in my menu. The image is a little house. The padding on the image is blocking the menu… in other words you cant use the menu because it seems to be blocked by the padding of the house image.

Im assuming i need to somehow adjust the z-index of the padding or something to that effect. Or is there another solution to get around this issue?

This is the css i used to position the image….

#house-image img{
   margin-right: auto;
   margin-left: auto;
   margin-bottom: -48px;
   padding-right: 920px;
   position: relative;
   display:block;
   z-index: 2;
}