CSS Box shadow doesn't appear in Chrome

I've been trying this but for some strange reason, The box-shadow won't appear for the <nav> tag. I also tried changing the z-index to a higher value incase the next element was above it, still it doesn't work. Can anyone help with this and a possible explanation?

Here's the code.

http://ift.tt/1IUrkK2

Thanks in advance