z-index not working properly

Question

So I am making a site and I have a top bar with some box shadow. I then have a description box directly underneath. So I set the z-indexes to ensure that the top bars box-shadow

Answer 1

Add position: relative to both elements. z-index only affects positioned elements.

Updated JSFiddle: http://jsfiddle.net/BAW23/3/