Não acredito que corri com esse problema pela primeira vez. Eu pesquisei muitas outras perguntas semelhantes no SO com relação ao mesmo problema, mas nenhuma delas funcionou para mim.

Eu tenho uma tag img com um atributo de classe na tag anchor.

Então, meu html se parece com:

<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;
}

Tentei as seguintes soluções para evitar borda padrão no navegador Chrome

1) border: 0 2) outline: none 3) alterando a classe img para img id

4) Configuração

a img {
  border:none
} 

a img {
  border:0
}