title: Firefox css moz-transform scale down a div, the border information is lost
body: <p>Open the below html in firefox, you can see the right and bottom border is missing, but Chrome/IE is good, is that a bug exist in firefox or I can use some other method to make it look the same with Chrome/IE? </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
  &lt;style&gt; 
  * {font-size:20px}
  div
  {
     width:400px;
     height:400px;
     background-color:lightgreen;
     border:1px solid black;
     transform-origin:0 0;
     -moz-transform-origin:0 0;
     -ms-transform-origin:0 0;
     -webkit-transform-origin:0 0;
     transform:scale(0.7);
     -moz-transform:scale(0.7);
     -ms-transform:scale(0.7); 
     -webkit-transform:scale(0.7); 
  }
  &lt;/style&gt;
  
  &lt;/head&gt;
  &lt;body style='margin:10px;padding:10px'&gt;&lt;div&gt;Hello. This is a DIV element.&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>