I'm trying to get a full size image appear when you hover over the thumbnail using overlays and overflow:hidden & visible.

It works fine in Firefox and IE but Chrome & Safari leave a mess. You can see it here Webkit artifact

This is the CSS I'm using:

Code:
.img-thumb
{
    position:relative;
    height:60px;
    width:60px;
    overflow:hidden;
    padding:5px;
    font-family:Comic Sans MS, cursive, sans-serif;
    font-size:14px;
}
.img-full
{
    position:absolute;
    display:none;
    top:0px;
    left:0px;
}
.img-thumb:hover .img-full
{
    display:block;
    z-index:10;
}
.img-thumb:hover
{
    overflow:visible;
}
Any ideas?