使用分数高度的CSS表的奇怪间距

Question

编辑：对不起伙计，看起来这个是我错过的傻JS漏洞。它在每个合法行之间插入多个空行。我不确定为什么他们只是开始出现在底部附近但是因为每1个实际行中间有3个重复的空行。

上表中的每个TD都有以下类/样式：

.cell
{
    background-color: lightgray;
    opacity: 1.0;
    vertical-align: middle;
    text-align: center;
    background-color: gray;
    cursor: pointer;
}

.hour
{
    width: 100%;
    height: 8.33%
}

我想要8.33％的高度应该受到责备，但我有12行，我希望它们中的每一行都是桌子高度的1/12。除了指定静态像素数之外，还有更好的方法可以创建奇怪的间隙吗？