CSS实现鼠标悬停链接的图片动态改变

实现代码：

……
<style type="text/css">
td#td1 a
{
text-decoration:none;
background:transparent url(/images/1.gif) no-repeat;
display:block;
width:145px;
line-height:25px;
}
td#td1 a:hover
{
background:transparent url(/images/2.gif);
display:block;
width:145px;
height:25px;
}
</style>
……
<TABLE id=nav cellSpacing=0 cellPadding=0 width=150 border=0>
<TBODY>
<TR>
<TD id=td1 width=150 height=30><A href="#"> </A></TD></TR></TBODY></TABLE>

----------------------------------------------