jQuery - Hover

<!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">

<head>
  <title>Hello!</title>

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
  <script type="text/javascript">
        $(function() {
            $('ul.hover_block li').hover(function(){
				$(this).find('img').animate({top:'182px'},{queue:false,duration:500});
			}, function(){
				$(this).find('img').animate({top:'0px'},{queue:false,duration:500});
			});
		});

</script>

</head>

<style>
 ul.hover_block li{
            list-style:none;
			float:left;
			background: #fff;
			padding: 10px;
			width:300px; position: relative;
			margin-right: 20px; }

		ul.hover_block li a {
			display: block;
			position: relative;
			overflow: hidden;
			height: 150px;
			width: 268px;
			padding: 16px;
			color: #000;
			font: 1.6em/1.3 Helvetica, Arial, sans-serif;
		}

		ul.hover_block li a { text-decoration: none; }

		ul.hover_block li img {
			position: absolute;
			top: 0;
			left: 0;
			border: 0;
		}
</style>

<body>
<ul class="hover_block">
			<li><a href="/"><img src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/188050_169149283138446_2377278_n.jpg" alt="alt" /> Hallo !</a></li>
			<li><a href="/"><img src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/186443_100000022660365_1078381883_n.jpg" alt="alt" /> Hi! My Name..!</a></li>
		</ul>

</body>
</html>