a标签套img高了一个像素,该如何解决

a标签套img高了一个像素
<a href="" title=""><img src="Css/images/pic14.png"/></a>
a {
    margin-left: 20px;
    float: right;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}
img {
    border: 0px none;
    margin: 0px;
    padding: 0px;
}
没有定义高宽,做出来a的高度要比img高1个像素的样子
------解决方案--------------------
a标签套img高了一个像素,该如何解决
根据我理解的意思是四边的A标签边距比IMG的要高1像素,不知道是不是这样的?

<style type="text/css">
a{
    padding:1px 1px 1px 1px;
    float: right;
    text-decoration: none;
    margin: 0px;
border:1px #FF0000 solid;
}
img{
    border: 0px none;
    margin: 0px;
    padding: 0px;
border:1px blue solid;
}

</style>
<a href="#" title=""><img src="20140604171535.jpg" ></a>

修改padding值即可。

不知道有没有帮到你!