<!DOCTYPE html>
<html>
<!-- EXPECTED REULTS: The images should appear with Element 4 in the front and decending. -->
<head>
<title>Stacking Elements On Top of Each Other</title>
<style type="text/css">
#element1 { position: absolute; top: 5px; left: 5px }
#element2 { position: absolute; top: 55px; left: 70px }
#element3 { position: absolute; top: 100px; left: 170px }
#element4 { position: absolute; top: 175px; left: 255px }
</style>
</head>
<body>
<span id="element1">
<img src="/~sultans/html/demo/css/img/alice22.gif" border=1 width="100" height="147"><br clear="all">
Element 1
</span>
<span id="element2">
<img src="/~sultans/html/demo/css/img/alice32.gif" border=1 width="140" height="201"><br clear="all">
Element 2
</span>
<span id="element3">
<img src="/~sultans/html/demo/css/img/alice15.gif" border=1 width="150" height="198"><br clear="all">
Element 3
</span>
<span id="element4">
<img src="/~sultans/html/demo/css/img/alice29.gif" border=1 width="200" height="236"><br clear="all">
Element 4
</span>
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
To see this page in action click
<a href=/~sultans/demo/js/dhtml/dhtmlSwap.html>here</a>
</body>
</html>