Chrome中的浮动错误？

Question

在Chrome浏览器中查看我的主页时，我有一个奇怪的错误。当我尝试使用CSSEdit编辑它时，似乎没有出现该错误：

我附上照片，告诉你我的意思。图标旁边的那些“点”也是相互关联的。

可能导致此错误的原因是什么？

感谢您的帮助！

编辑确定这是代码（页面不在线）：

 <div class="rss">
      <p>
         <a href="http://linkto">
             <img src="/images/facebook.png" alt="Find me on facebook" />
          </a>
          <a href="http://linkto">
            <img src="/images/twitter.png" alt="Follow me on twitter" />
          </a>
         <a href="http://linkto">
            <img src="/images/rss.png" alt="Subscribe to RSS Feed" />
          </a>
      </p>
</div>

包含在一个名为footer的div类中。和CSS

.site .footer {
font-size: 80%;
color: #666;
border-top: 4px solid #eee;
margin-top: 2em;
overflow: hidden;
}

 .site .footer .rss {
  margin-top: 0em;
  margin-right: -.2em;
  float: right;
  }

.site .footer .rss img {
  border: 0;
}

抱歉奇怪的格式化。

Answer 1

这些“点数”是CSS应用于text-decoration:underline标记的<a>部分。您只看到其中一部分的原因是因为您使用的图像覆盖了大部分图像。

尝试将其放入CSS：

.rss a { text-decoration:none }
.rss a img { border:none; outline:none }