$(function() {
  var zoom = d3.behavior
  .zoom()
  .scaleExtent([1, 8])
  .on("zoom", zoomed);

  var container = d3.select(".outer-container")
  .call(zoom);

  function zoomed() {
    var scale = d3.event.scale;
    var translateX = d3.event.translate[0];
    var translateY = d3.event.translate[1];

    // TODO: make cross-browser compatible
    $('.container').css("transform", "translate(" + translateX + "px," + translateY + "px) scale(" + scale + ")");
  }
});


@@ -305,72 +305,12 @@
     
-// TODO: make cross-browser compatible%0A    $('.container').css(%22
+var 
 tran
@@ -314,18 +314,24 @@
 ransform
-%22,
+String =
  %22transl
@@ -398,16 +398,172 @@
 le + %22)%22
+;%0A%0A    $('.container').css(%7B%0A      %22transform%22 : transformString,%0A      %22-webkit-transform%22 : transformString,%0A      %22-ms-transform%22 : transformString%0A    %7D
 );%0A  %7D%0A%7D

transform string is now cross-browser compatible