DIV底部的空白

Question

我正在创建一个“草图”迷你项目。大多数功能到目前为止都有效，但我遇到了一个问题。草图默认使用16x16网格。当我填写网格的底行时，您仍然可以看到一条很小的白线。我不知道它可能来自哪里。

这是我上面提到的问题的图像

以下是代码：JSFIDDLE

#grid {
  height: 450px;
  width: 450px;
  margin: 10px auto;
  background-color: #fff;
  display: block;
  overflow: hidden;
  font-size: 0;
}