SVG を背景画像として使用しているときに、画像を正しく合わせる必要がある場合は、ブラウザーごとに個別の背景位置を指定する必要があります。
それは私が経験した方法ですか、それとも何か間違ったことをしています。
私が使用しようとしているCSS:
.some {
background: transparent url('some.png') no-repeat -X1px -Y1px;
background: rgba(0,0,0,0) url('some.svg') no-repeat -X2px -Y2px;
width: 53px;
height: 14px;
position: relative;
top: 13px;
left: 30px;
}