How To Make An Image Not Overlap Navigation Bar In Css/html

So what I am trying to do is the same effect on http://www.spine-practice.com/index.php where the photo overlaps the navigation bar which I have done though there is one problem. O

Solution 1:

It sounds like you need to mess around with the z-index property.