Сетка, нарисованная с использованием элемента , выглядит растянутой

Я пытаюсь нарисовать сетку на элементе с конечной целью создание платы Go .

По какой-то причине сетка выглядит растянутой: линии толще 1 пикселя, а расстояние между ними совершенно неправильное. Он даже не начинается с позиции (10,10) ..

Было бы здорово, если бы кто-нибудь взглянул и сказал мне, что я делаю не так.

http: //jsfiddle.net/h2yJn/[12210 impression