css positioning z-index negative margins

Question

I have the following html - no matter what i do I cant seem to get the middle div to appear on top of the top and also on top of the bottom. It sits fine above the top but where

Answer 1

z-index is useless on a static positioned element. try position:relative. if negative margins don't work out for you, use top or bottom and negative values.