Quería establecer la posición de un div en función del valor de retorno de una función en un controlador angular

Lo siguiente funciona bien en Firefox y en Chrome, pero en Internet Explorer{{position($index)}}% se interpreta como un valor de cadena literal y, por lo tanto, no tiene ningún efecto

<div ng-repeat="item in items" style="left:{{position($index)}}%"></div>

Aquí hay un ejemplo del problema:

var app = angular.module('app', []);

app.controller('controller', function($scope) {

    $scope.items=[1,2,3,4,5,6,7,8,9,10];

    $scope.position=function(i){
        var percent =[5,10,15,20,25,30,35,40,45,50,55,60,65,70];
        return percent[i+1];
    }
});

Y aquí hay unViolín demostrar

¿Alguien tiene sugerencias sobre cómo rectificar?