html - Chromeのテーブルセル内の画像の横に余分な余白

Question

<div id='wrapper'>
  <div id='innerWrapper'>
     <img src ='image.png'" />
  </div>
</div>

#wrapper{
  display: table;
  border-spacing:0;
}

#innerWrapper {
  display:table-cell;
  padding:0;
  margin:0;
  border:0;
}
img {
   padding:0;
   margin:0;
   border:0;
}

Chromeでは、これにより画像の右側に1pxの余白がレンダリングされ、innerWrapperdivが押し出されます。マージンを削除する方法は？CSSのリセットは役に立ちませんでした

Answer 1

やってみました

<div id='innerWrapper'><img src ='image.png'" /></div>

ソースに改行がありませんか?

Answer 2

ページ上のすべての DIV の余白をリセットします。

div { 
    margin:0;
    padding:0;
}