css - 小さな CSS 画像が正しく表示されない

Question

CSS を使用して小さな画像を表示する際に問題が発生しています。アイコンサイズの画像を表示しようとしています（画像にはいくつかのピクセルの境界線があるため、端から端までではありません）が、画像自体は表示時に中央に配置されず、その一部が右と下に隠されています周囲のボックスの影。影の見た目は気に入っていますが、画像が小さすぎて、サイズ変更時にボックスの影を無視できないと思います。これが私のCSSです。何か案は？

.delete_button {
    background: url('trash_can.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 24px;
    display: inline;
}