getElementById()
show hide Mozilla
move to left edge
move 50px from left

move left
move right


Notice that these are NESTED DIV containers.
the (absolute) POSITION and the Z-INDEX of a DIV are relative to it's parent container.

Also notice that the event handlers, onmouseover and onmouseout, are applied to the DIV elements themselves!
because they are nested, the mouseout event doesn't happen when you roll over the child element(s).

note: This showing and hiding of children will cause errors in Netscape. It only works with the current Document Object Model (DOM)