图像链接显示小artefact

Question

我有一些图像上的几个链接。代码非常简单如下：

<div id="socialnetworkbuttons"> 
    <a href="http://www.facebook.com/"> 
     <img src="images/facebook-button.png" alt="Facebook" /> 
    </a> 
    <a href="https://twitter.com/" alt="Twitter"> 
     <img src="images/twitter-button.png" /> 
    </a> 
</div> 

我有一个reset.css：的

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
} 

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
    display: block; 
} 
body { 
    line-height: 1; 
} 
ol, ul { 
    list-style: none; 
} 
blockquote, q { 
    quotes: none; 
} 
blockquote:before, blockquote:after, 
q:before, q:after { 
    content: ''; 
    content: none; 
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
} 

与其他CSS：

#socialnetworkbuttons { 
    display:inline-block; 
    float:left; 
} 

结果是这样的：

正如你所看到的，底部是一个小的紫色省略号，它是一个指向脸书的链接。我敢肯定，我在这里是一个非常简单明显的事情，但我该如何摆脱？

Answer 1

貌似在A.尝试多余的空格：

<div id="socialnetworkbuttons"><a 
    href="http://www.facebook.com/"><img 
     src="images/facebook-button.png" alt="Facebook" /></a><a 
    href="https://twitter.com/" alt="Twitter"><img 
     src="images/twitter-button.png" /></a> 
</div> 

我在Firefox或Chrome没有省略号。