<!-- EXPECTED REULTS: The images should appear with Element - 1 in the front and decending. --> <html> <head> <meta http-equiv="content-type" content="text/html;chars- et=iso-8859-1"> <title>DHTML for the WWW | Stacking Elements On Top of E- ach Other</title> <style media="screen" type="text/css"><!-- #element1 { position: absolute; z-index: 3; top: 175px- ; left: 255px } #element2 { position: absolute; z-index: 2; top: 100px- ; left: 170px } #element3 { position: absolute; z-index: 1; top: 65px;- left: 85px } #element4 { position: absolute; z-index: 0; top: 5px; - left: 5px } --></style> </head> <body> <span id="element1"> <img src="alice22.gif" width="100" height="147"><br clea- r="all"> Element 1 </SPAN> <span id="element2"> <img src="alice32.gif" width="140" height="201"><br clea- r="all"> Element 2 </SPAN> <span id="element3"> <img src="alice15.gif" width="150" height="198"><br clea- r="all"> Element 3 </SPAN> <span id="element4"> <img src="alice29.gif" width="200" height="236"><br clea- r="all"> Element 4 </span> </body> </html>