internet-explorer - AngularJs ディレクティブのテンプレートが IE9 で更新されない

Question

AngularJS のディレクティブを作成しています。Internet Explorer (IE9) では期待どおりに動作しません。元の html をテンプレートに置き換えますが、テンプレートの補間文字列は更新しません。

Chrome、Firefox、Safari で正しく動作します

これがコードです

angular.module('app', []);
angular.module('app').directive('mydirective', function () {
    return {
        replace: true,
        scope: {
            height: '@',
            width: '@'
        },
        template: '<div style="width:{{width}}px;height:{{height}}px;' +
            'border: 1px solid;background:red"></div>'
    };
});

そして、これがディレクティブを呼び出すhtmlです

<div id="ng-app" ng-app="app">
    <div mydirective width="100" height="100"></div>
</div>

ここにフィドルがあります http://jsfiddle.net/saP7T/