[jQuery] Problem with placement of image in tooltip

[jQuery] Problem with placement of image in tooltip


Hi all,
I'm trying to use the tooltip plugin and for some reason the image
tooltip is always showing up on the bottom left of the page. I've
created a very simple example illustrating the problem. I must be
doing something incredibly stupid. Anyone have any ideas? Thanks a
lot,
Russ
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/
ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="http://jquery.bassistance.de/
tooltip/jquery.tooltip.js"></script>
<script type="text/javascript">
$(document).ready(
function()
{
$('.album_art').tooltip({
showURL : false,
track : true,
bodyHandler: function() {
return $("<img/>").attr("src", this.src);
}
});
}
);
</script>
</head>
<body>
<div align="center">
<img class="album_art" src="http://ecx.images-amazon.com/
images/I/4187ZuBtMdL._SS500_.jpg" width="30" height="30" />
</div>
</body>
</html>