title: When using CSS Scale in Firefox, element keeps original position
body: <p>When using scale in Firefox, the scaled element dóes get scaled properly. The problem is, that it's positioned as if it isn't scaled.</p>
  <p>This works fine in Chrome, and probably also in IE, Safari and Opera. These browsers all support the CSS zoom property, where Firefox doesn't. For Firefox I'm using -moz-transform: scale(0.3);.</p>
  <p>This is my CSS:</p>
  <pre><code>#overview .page-content {
      zoom: 0.3;
      -moz-transform: scale(0.3);
  }
  </code></pre>
  <p>This is what it should look like (as in Chrome):</p>
  <p><img src="https://i.stack.imgur.com/F4Ok9.jpg" alt="zoom in chrome" /></p>
  <p>This is what it shouldn't look like (as in Firefox):
  <img src="https://i.stack.imgur.com/wveW9.jpg" alt="scale in firefox" /></p>
  <p>Does anybody know how to fix this? Or maybe a workaround?</p>