title: css scale with fixed border size?
body: <p>Is there any way of keeping border size fixed while scaling an object with CSS ?</p>
  
  <p>I have an object with style below</p>
  
  <pre><code>.myObj{
     width:100px;
     height:100px;
     border:1px solid red
  }
  </code></pre>
  
  <p>when I scale this object the border of this object also scales as normal.But how can I keep it at 1px?</p>
  
  <p>Here is the <a href="http://jsfiddle.net/GJJp4/61/" rel="noreferrer">FIDDLE</a></p>