Two elements in a page have the same z-index...
<div id="one" style="position: absolute; z-index: 1; top: 0px; left: 0px;"></div>
<div id="two" style="position: absolute; z-index: 1; top: 0px; left: 0px;"></div>
Div two appears in front, because it follows after div one in the source.
In jQuery is there a simple way to test whether or not an element is in front of another element?