Anyone understands how to use background-z-index properly?
I defined two backgrounds (both position: relative): one with an image and the second with an image background repeat-x.
background: url('images/bg-one.png') bottom left no-repeat;
background: url('images/bg-two.png') top left repeat-x;
z-index: 2 for #one and z-index: 1 for #two
background-z-index: 2 for #one and background-z-index: 1 for #two
bg-two is still on top of bg-one.
I followed the advice on these two sites to guide me: