Google Chrome images have border

Some kind of wild sorcery is taking place here o.O. In Chrome images have border and for some reason I cannot do nothing about that. Problem is with slider - thumbs, and only in Chrome. I tried applying border: none and border-style: none to img elements , but still nothing. HTML code: ``` <div class="promo_tumbs col_12"> <div data-dir="prev" class="prev"></div> <div data-dir="next" class="next"></div> <div class="promo_tumbs_centar"> <a><img class="promo_tumb promo_tumb_current" /></a> <a><img class="promo_tumb"/></a> <a><img class="promo_tumb"/></a> <a><img class="promo_tumb"/></a> <a><img class="promo_tumb"/></a> <a><img class="promo_tumb"/></a> <a><img class="promo_tumb"/></a> </div> </div> ``` CSS: ``` .promo_tumbs .prev:hover, .promo_tumbs .next:hover {cursor: pointer;} .promo_tumbs .prev {position: absolute; left: 0;background: url('../img/resursi/slider_arrows.png') no-repeat 0 -208px;} .promo_tumbs .prev:hover {background: url('../img/resursi/slider_arrows.png') no-repeat 0 -312px} .promo_tumbs .next {position: absolute; right: 0;background: url('../img/resursi/slider_arrows.png') no-repeat 0 0px; } .promo_tumbs .next:hover {background: url('../img/resursi/slider_arrows.png') no-repeat 0 -104px} .promo_tumbs_centar {width: 90%;margin: 0 auto;} a .promo_tumb {margin: 0; padding: 0; height: 105px; width: 145px; display: block; float: left; background: url('../img/resursi/thumbs.png') no-repeat 0px 0px;} a:hover .promo_tumb {background: url('../img/resursi/thumbs.png') no-repeat 0 -105px} .promo_tumb {height: 75px; width: 125px; float: left; margin: 15px 10px;} .promo_tumb:hover {background: url('../img/resursi/proba.png') no-repeat} .promo_tumb_current{background: url('../img/resursi/thumbs.png') no-repeat 0 -105px !important; } ```