Здравствуйте!
Пытаюсь для ребенка при помощи стилей CSS в addon Stylus задать масштабирование для сайта с шахматной доской

Если масштабировать через интерфейс (или Ctrl+колесико), то все масштабируется. Если через CSS, то съезжают фигуры.
Пробовал разные варианты:

body {
   transform: scale(1.4);
   transform-origin: 0 0;
}
...
    position: fixed;
    top: 0;
    left: 0;
    width: 98%;
    height: 98%;
...
-moz-transform:

Не специалист в CSS. Есть подозрение, что дело в скриптах. Расположение фигур формируется судя по коду, скриптом. Хотя почему через интерфейс браузера масштабируется без проблем.