Html 悬停时图像显示的对齐仅适用于IE7？

我试图在文本上出现鼠标悬停时显示图像。它很好用。并且应显示图像的对齐方式，以使图像的末端位于容器处。仅在IE7中，它可以与下面所示的代码配合使用。在任何事情上，它都会被切断。。这里怎么了

<td valign="middle" class="table_td td" style="width: 347px">
   <span class="feature_text" style="cursor:pointer" 
   onmouseover="ShowPicture('Style16',1)" 
       onmouseout="ShowPicture('Style16',0)" id="a16">
               Storefront Window Decal</span>
    <div id="Style16" style="position:relative;height:0px;left:50%;bottom:700%;
        visibility:hidden; border:solid 0px #CCC; padding:5px">
        <img src="images/window-decal-image.gif"></div> 

<script language="javascript" type="text/javascript">
 function ShowPicture(id,Source) 
 {
    var vis, elem;
    if (1 == Source)
    {
         vis = "visible";
    }
    else if (0 == Source)
    {
       vis = "hidden";
    }
    else
    {
       throw new RangeError("Unknown Flag");
    }

    if (elem = document.getElementById(id))
    {
       elem.style.visibility = vis;
    }
    else
    {
       throw new TypeError("Element with id '"+id+"' does not exist.");
    }
    return vis;
}
</script>

店面橱窗贴花
函数ShowPicture（id，源）
{
var-vis，elem；
if（1==源）
{
vis=“可见”；
}
else if（0==源）
{
vis=“隐藏”；
}
其他的
{
抛出新的RangeError（“未知标志”）；
}
if（elem=document.getElementById（id））
{
elem.style.visibility=vis；
}
其他的
{
抛出新的TypeError（“id为''+id+''的元素不存在”）；
}
返回vis；
}

---

有人能帮帮我吗。提前谢谢

我建议在div上使用

背景图像

，而不是单独的

标签，并且

背景位置：右以根据您的要求将其对齐

您可能需要一些其他相关的CSS来实现完美（
背景重复
可能？），但我建议这样做

我还建议将所有样式代码移到一个单独的CSS
元素中，以减少HTML代码中的混乱并使其更具可读性