title: Transformation cannot be added to style in Angular directive in IE only
body: <p>I have created an angular directive that creates a photo gallery.  Sometimes the images have to be rotated, which I am doing through the CSS transform property (appended to the style in the directive):</p>
  
  <pre><code>testApp.directive('galPhoto', function () {
          return {            
              restrict: 'E',
              template:
                  '&lt;div class="photoClass" style="background-image:url({{photo.url}});{{photo.photoTransform}}" ng-click="addRotation($event, photo)"&gt;&lt;/div&gt;'
          }
  });
  </code></pre>
  
  <p>This all works fine in Firefox and Webkit browsers, however in Internet Explorer (I am testing on IE11) the transform property does not appear to get added to the style (only the background appears in the style).  I have tried setting with ng-style as well without any luck.  It is not a problem with the CSS transform as if I manually change the style everything works.  I have created a very simplified <a href="http://jsfiddle.net/Dj7xK/3/" rel="nofollow">Fiddle</a> which shows the problem, working in Firefox and Chrome but not in Internet Explorer.  In the Fiddle I added a ng-click which manually appends the transform to the style to show that setting the style works, it is just that Angular appears to be doing something when building the style string in Internet Explorer.  Any ideas how to fix?</p>
  
  <p><a href="http://jsfiddle.net/Dj7xK/3/" rel="nofollow">Fiddle Demonstrating Problem</a></p>