如何让鼠标移到文字链接上面，弹出图片
程序代码：<style type="text/css">
<!--
.thumbnail{position:relative;z-index:0;}
.thumbnail:hover{background-color:transparent;z-index:50;}
.thumbnail span{position:absolute;background-color:#FFFFE0;left:-1000px;border:1px dashed gray;visibility:hidden;color:#000;text-decoration:none;padding:5px;}
.thumbnail span img{border-width:0;padding:2px;}
.thumbnail:hover span{visibility:visible;top:-30px;left:60px;}
p{margin-top:200px}
-->
</style>
<p><a class="thumbnail" href="#">文字<span><img src="http://gg. /></span></a></p>现在的代码是图片显示离顶端-30px，离左端是60px，我现在想要离左端是根据文字长度，让图片显示的时候最靠近此段最右边的文字，代码怎么改啊 ，谢谢啦
