No es posible usar CSS calc () con transform: translateX en IE

Todos,

Me gustaría poder usar calc() con transform:translateX en mi CSS.

Por ejemplo,

#myDiv {
  -webkit-transform: translateX(calc(100% - 50px));
  -moz-transform: translateX(calc(100% - 50px));
  transform: translateX(calc(100% - 50px));
}

Si bien esto funciona perfectamente en Chrome, Safari y Firefox, no funciona en IE10 o IE11.

Puedes ver un ejemplo sencillo aquí: http://jsfiddle.net/SL2mk/9 /

Es esto imposible? ¿Es un error en IE, o se supone que calc() no funciona en este contexto?

Por lo que vale - he leído aquí que se puede " apilar" translateX lograr el mismo efecto, y mis pruebas parecen confirmar esto. Es decir,

#div {
  transform: translateX(calc(100% - 50px));
}

Es lo mismo que:

#div {
  transform: translateX(100%) translateX(-50px);
}

Pero no se si esta es la manera mejor, más confiable y a prueba de futuro de hacer esto.

También sé que es posible usar left en lugar de translateX, pero este último es mucho más suave cuando se usa con transiciones, ya que, según lo entiendo, obliga al uso de la GPU para manejar la animación.

Gracias de antemano por su consejo y perspicacia!