I don't understand z-index

I have put together an utterly simple example of how I am trying to use z-index but I just don’t get it. :jail:

#cl1 should be in front of #cl2

Please enlighten me?

www.bigmapideas.com/test/

Thanks so much…