rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title> </title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style type="text/css">
#info {position:relative;}
#info p {margin-left:15px; margin-right:20px;}
#magnifier {display:inline; position:relative; width:240px; height:210px; z-index:100; float:left; margin:0 20px 10px 15px; background:url(graphics/enlarge.gif) no-repeat;}
#cover1 {position:absolute; top:0; left:0; width:24px; height:30px; background:transparent;}
#cover2 {position:absolute; top:0; left:48px; width:240px; height:30px; background:transparent;}
#magnifier img {position:absolute; width:240px; height:180px; top:30px; left:240px;}
#magnifier ul {padding:0; border:0; margin:0; list-style-type:none;}
#magnifier li.one {left:0;}
#magnifier li:hover {width:24px; height:24px; left:0;}
#magnifier li.one:hover img {width:560px; height:420px; left:240px;}
#magnifier table {border:0; padding:0; margin:0; border-collapse:collapse;}
</style>
</head>
<body>
<div id="magnifier">
<ul>
<li class="one">
<img src="http://www.cssplay.co.uk/menu/graphics/sparrow.jpg" alt="Sparrow" title="Sparrow" />
</li>
</ul>
</div>
</body>
</html>