Click the "Making the Earth Move" link. The image of the Earth does not appear. (Checked vs. IE5 to verify position, correct coding of page.) You can still right-click the position of the image and select View Image. Earth does appear in the View Image browser window. I'm Using M13 on a Gateway P2. T3 connection.

The problem is that in the style class #earth, the z-index is set to -10, which puts it behind its parent. And since its parent is the background, which has an opaque image specified, then of course the earth image will be hidden. If I remove the z-index property, the image shows up. I'd wager that IE5 isn't properly implementing the z-index property. There are other problems with the original document, namely not being able to access "earth" as a top-level variable from within the moveEarth() function, so I modified it a bit to make it work under Mozilla. I changed it to access the earth.gif image as "earth = document.images[0]" and got to the div object via "earthParent = earth.parentNode". Changing style.left and style.top of this object successfully moves the earth image, but interesting enough, causes it to float above other things, it doesn't change the effective height of the div.

The attachment is a .zip file.

CCing vidur for him to look at possible DOM bugs.

See new bug 26917, which addresses an aspect of this bug.

Verified worksforme.