3d transforms in svg content are bad in other browsers as well

examples/mobile-wmts-vienna.css

@@ -23,6 +23,10 @@ html, body, #map {
 }
 .olLayerDiv svg * {
     -webkit-transform: none;
+    -moz-transform: none;
+    -o-transform: none;
+    -ms-transform: none;
+    transform: none;
 }
 
 .olLayerGrid .olTileImage {

theme/default/style.css

@@ -497,6 +497,10 @@ a.olControlZoomOut {
 }
 .olLayerDiv svg * {
     -webkit-transform: none;
+    -moz-transform: none;
+    -o-transform: none;
+    -ms-transform: none;
+    transform: none;
 }
 
 /* override any max-width image settings (e.g. bootstrap.css) */

theme/default/style.mobile.css

@@ -59,4 +59,8 @@ div.olControlZoom a:hover {
 }
 .olLayerDiv svg * {
     -webkit-transform: none;
+    -moz-transform: none;
+    -o-transform: none;
+    -ms-transform: none;
+    transform: none;
 }