Как убрать рамку вокруг абсолютно спозиционированного изображения в Chrome?

Question

[Антон Швец]

<div class="section">
  <img class="i1">
</div>

.section {position:relative}
.i1 {
  background: url (1.png) no-repeat;
  position:absolute;
  top:-40px;
  left:-40px;
  outline:none;
  border:none;
}

Вокруг изображения в хроме и в опере рисуется тонкая серая рамка.
В мозилле такого нет.
Что это?

Comments

[Tenebrius]

"outline: none;" ?

[Денис Инешин]

Кто ж на IMG background прикручивает?

[Антон Швец]

Денис Инешин: а что есть какие-то религиозные ограничения? Ну ок, поставлю див.

[Антон Швец]

Tenebrius: ни на что не влияет

Answer 1

[Localhost]

<div id="section">
  <div></div>
</div>

#section {position:relative; }
#section div {
  background: url (1.png) no-repeat;
  position:absolute;
  top:-40px;
  left:-40px;
}

Comments

[Антон Швец]

Это не то что мне нужно, но вынужден признать что это ответ на вопрос, как он сформулирован :( Поэтому это решение :)

Answer 2

[KurtsKhalia]

border: 0 !important;
Вообще такого не должно быть, может у вас ссылка висит на ней или картика такая. Лучше скиньте пример в фиддле.

Comments

[Антон Швец]

не должно, но вот рамку хром рисует вокруг пустого img. И это не border, рамка рисуется между блоком и бордером. Вот https://jsfiddle.net/86w08xt2/2/