CSS scale from left top

I was able to “solve” my problem.

This is what I tried:

• In the CSS shown in the question, I changed html to body:

  body {
      zoom: 1.4; /* Old IE only */
      -moz-transform: scale(1.4);
      -webkit-transform: scale(1.4);
      transform: scale(1.4);
      transform-origin: top center;
      margin-top: 5px;
  }
  

• I changed transform-origin: top left to transform-origin: top
center.

• I also changed the CSS of my container div so that it is centered.

This fixed the problem partly as it centered to page nicely.

However, part of the top page still isn’t displayed correctly. To fix this I added a margin-top to my body.