Pure CSS Popups 2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html><head>
<title>Pure CSS Popups 2</title>
<style type="text/css"><!--
div#links {
position: absolute;
top: 81px; left: 10px;
}
div#links a {
margin:0;
display:block;
}
div#links a:hover {
border:0 dashed black;
}
div#links a .im1{width: 175px; height: 65px; border: 5px double red;}
div#links a .im2 {height: 0; width: 0; border-width: 0;}
div#links a:hover .im2 {position: absolute; top:0px; left: 355px;
height:110px; width: 276px;}
--></style>
</head>
<body>
<h1>Pure CSS Popups 2</h1>
<div id="links">
<a href="#">
<img class="im1" src="http://www.google.com/logos/thanksgiving03.gif" alt="" />
<img class="im2" src="http://i1087.photobucket.com/albums/j473/Stutter_Bug/camera-trans-color-lights.png" alt="first link gif"/>
</a>
<a href="#">
<img class="im1" src="http://www.google.com/logos/thanksgiving04.gif" alt="" />
<img class="im2" src="http://i1087.photobucket.com/albums/j473/Stutter_Bug/camera.jpg" alt="second link gif"/>
</a>
<a href="#">
<img class="im1" src="http://www.google.com/logos/thanksgiving05.gif" alt="" />
<img class="im2" src="http://i1087.photobucket.com/albums/j473/Stutter_Bug/ani_space-travel.gif" alt="third link gif"/>
</a>
<a href="#">
<img class="im1" src="http://www.google.com/logos/thanksgiving06.gif" alt="" />
<img class="im2" src="http://i1087.photobucket.com/albums/j473/Stutter_Bug/Alchemy-test2.jpg" alt="fourth link gif" />
</a>

</div>
</body></html>