Не могу поверить, что впервые столкнулся с этой проблемой. Я искал много других подобных вопросов на SO относительно той же самой проблемы, но ни один из них не работал для меня.

У меня есть тег img с атрибутом класса под тегом привязки.

Так что мой HTML выглядит так:

<ul id="racing-menu" class="accordion-menu list-unstyled">
  <li>
    <a id"something" name class"something">
      <img class="icon_71">
    </a>
  </li>
</ul>

CSS

.icon_71 {
  background: url(../../cms/images/sports/something.png) no-repeat;
  width: 36px;
  height: 22px;
  margin: 0 10px 0 0;
  float: left;
}

Я попробовал следующие решения, чтобы избежать границы по умолчанию в браузере Chrome

1) граница: 0 2) схема: нет 3) изменение класса img на img id

4) Настройка

a img {
  border:none
} 

a img {
  border:0
}