title: Why on Safari the transform translate doesn't work correctly?
body: <p>I often use this code to center a <code>div</code> in view:</p>
  
  <pre><code>.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
  }
  </code></pre>
  
  <p>It works great on Firefox, Internet Explorer and Chrome, however not in Safari.</p>
  
  <p>What's a workaround to center an image in Safari web browser?</p>