I make a valid new code to your website : http://jsfiddle.net/sMLbP/4/
There is HTML :
<div class="container_image">
<a class="thumbnail" href="#thumb"><img src="productURL" width="100px" height="142px" border="0" /></a>
<div class="image">
<img src="productURL" />
<span style="font-family:arial"> productname</span>
</div>
</div>
<div class="container_image">
<a class="thumbnail" href="#thumb"><img src="productURL" width="100px" height="142px" border="0" /></a>
<div class="image">
<img src="productURL" />
<span style="font-family:arial"> productname</span>
</div>
</div>
<div class="container_image">
<a class="thumbnail" href="#thumb"><img src="productURL" width="100px" height="142px" border="0" /></a>
<div class="image">
<img src="productURL" />
<span style="font-family:arial"> productname</span>
</div>
</div>
<div class="container_image">
<a class="thumbnail" href="#thumb"><img src="productURL" width="100px" height="142px" border="0" /></a>
<div class="image">
<img src="productURL" />
<span style="font-family:arial"> productname</span>
</div>
</div>
[UPDATED] There is CSS:
.container_image {
float:left;
position:relative;
margin-right:20px;
}
.container_image:hover{
cursor:pointer;
}
.container_image .image {
position: absolute !important ;
background-color: lightyellow;
border: 1px dashed gray;
top: -1000px !important ;
z-index:10 !important ;
}
.container_image:hover .image {
left: 100px !important ;
top:0px !important ;
}