Вставить изображение в элемент

Я пытаюсь отобразить изображение в формате PNG на кнопке < > элемент в HTML. Кнопка такого же размера, как и изображение, и изображение отображается, но почему-то не по центру - так что увидеть все невозможно. Другими словами, кажется, что правый верхний угол изображения расположен в центре кнопки, а не в правом верхнем углу кнопки.

Это HTML-код:

<button id="close" class="closing" onClick="javascript:close_clip()"><img src="icons/close.png" /></button>

Обновление:
Я думаю, что на самом деле происходит проблема с маржой. У меня поле в два пикселя, поэтому фоновое изображение выходит за пределы кнопки. Кнопка и изображение имеют одинаковый размер, всего 20 пикселей , так что это очень заметно ... Я попробовал margin: 0 , padding: 0 , но это не помогло ...