How to remove border around absolutely positioned image in Chrome?

Question

Google Chrome

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

A thin gray border is drawn around the image in chrome and in opera.
Mozilla doesn't have that.
What is it?

Answer 1

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

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

Answer 2

border: 0 !important;
In general, this should not be, maybe you have a link hanging on it or a picture like that. Feel free to post an example in the fiddle.