Tengo un conjunto div con una imagen de fondo:

<div>Play Video</div>

con el siguiente CSS:

div {
background-image: url('icon.png');
background-image: url('icon.svg'), none;
background-size: 40px 40px;
background-repeat: no-repeat;
background-position: 90% 50%;
padding: 20px;
width: 150px;
}

El tamaño del fondo se respeta en Firefox, Safari y Chrome. En IE8, el SVG se reemplaza por el archivo PNG. Sin embargo, en IE9 e IE10, el archivo SVG se reduce drásticamente. El problema parece estar relacionado con el ancho y la altura del div. Si agrego una altura de 150 px, el SVG se representa correctamente. Si lo hago más pequeño (es decir, 100 px), el gráfico comienza a reducirse.

¿Alguien ha encontrado una manera de solucionar este problema en Explorer? ¿Hay alguna manera de decirle a IE que use el valor de tamaño de fondo independientemente del ancho y la altura del div?