You're getting closer
read the page again. Your HTML is not built like the tutorial says to build it. Notably the part that starts:
<div style="background: url(images/layer1.png) no-repeat; width: 469px; height: 400px;">
<!--top level map content goes here-->
<div style="height: 1097px; width: 1286px;">
<img src="images/layer2.jpg" alt="" />
If you notice, layer1.png, layer2.png, layer3.png and layer4.png are the same image with each one being larger that than previous.
So you need multiple images. Then for your HTML like their example.