Remove default border around image - Chrome browser

I can't believe it's the first time I've encountered this problem. I've searched many other similar questions on SO regarding the same issue, but none of them worked for me.

I have an img tag with a class attribute under the anchor tag.

So my html looks like:

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

I tried the following solutions to avoid the default border on Chrome

1) Boundary: 0 2) Contour: None 3) Change img class to img id

4) Setting

a img {
  border:none
} 

a img {
  border:0
}