Ошибка поплавка в 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>

, который заключен в класс 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

Эти "точки" - это часть text-decoration:underline вашего CSS, применяемая к <a> тегам.Причина, по которой вы видите только его часть, заключается в том, что изображение, которое вы используете, покрывает большую его часть.

Попробуйте вставить это в свой CSS:

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