opacity and z-index on stacking order of elements

Question

Here is my code, if you click on junction of divs you can see that divleft is the greatest stack in order. but I'm trying to set the greatest stack as "divright". z-index is not working,

How can I do that?

Thanks

Answer 1

http://jsfiddle.net/lupos/8aAKz/16/

I think your problem is that they did not have the same display style. One was floated and one wasn't. If you make them both block and force the over lap z-index works fine.

N/M duh. Position was the issue as the others said... which I also added. :P

Answer 2

z-index is nothing without position: relative or absolute: http://jsfiddle.net/8aAKz/14/

Answer 3

Simply add this to your divright class:

position: relative