PayneLess Designs: Superimposing Animated .GIF Onto Another Image

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US"><head>
<title>Superimposing Animated .GIF Onto Another Image</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="created" content="Fri, 13 May 2011 02:51:15 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="PayneLess Designs">
<meta name="copyright" content="Jan 2004 to present.">

<style type="text/css">
h1 { text-align: center; }

#bg_box {
width: 256px;
height: 256px;
margin: 0 auto;
background: url(http://i160.photobucket.com/albums/t184/PayneLess_Designs/Backgrounds/bg_21.jpg) no-repeat center scroll;
}

#animation {
width: 150px;
height: 88px;
margin: 0 auto;
padding-top: 60%;
background: url(http://i160.photobucket.com/albums/t184/PayneLess_Designs/Animated%20Images/ani_100dollarbill.gif) no-repeat center scroll;
}

</style>

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="iestyle.css">
<![endif]-->
</head>
<body>
<h1>Superimposing Animated .GIF Onto Another Image</h1>

<div id="bg_box"><div id="animation"></div></div>
</body></html>
<!-- Markup HTML 4.01 Folder -->