急急,为什么td的左右两边会产生空隙啊?

急急,为什么td的左右两边会产生空隙啊?
<style>
table{
border-collapse:collapse;
}
td{
border:1px solid black;
}
a{

text-decoration:none
}
a:link,a:visited{
color:black;
}
a:hover{
background-color:red;
padding-top:50px;
padding-bottom:50px;
padding-left:50px;
padding-right:50px;
}
</style>
<table>
<tr>
<td> <a href="you.html">456 </a> </td>
</tr>
</table>


问题是这样的啊,我将伪类hover的上下左右都给扩充了50px;

第一个问题:为什么上下都扩充了50px;看不到上下涨大?

第二个问题:给hover左右两边也扩充了50px,可以看到左右两边都涨大了,但是发现一个问题,为什么左右两边

会各有一条细缝,怎么回事?

见图：http://hi.baidu.com/vista9977/album/item/d6511362099143c1e6113a31.html#IMG=1ca623dd69b536f377c63831