Html5 canvas CSS文本和框阴影导致滚动条出现？

我一直在努力解决这个问题

我正在创建一个个人网站，我正在使用动画画布元素作为背景（通过jquery设置动画）。问题似乎是hover上锚定标记的文本和框阴影导致canvas元素显示一个垂直滚动条，而这只发生在Chrome中

如果我删除了文本框阴影，或者如果我删除了画布元素，那么问题就消失了。我尝试过添加溢出：几乎所有内容都隐藏，但没有效果

请参见我的网站：

提前谢谢

编辑：

---

使用windows 7 ultimate和Chrome版本36.0.1985.125 m。它会在浏览器滚动条旁边创建第二个垂直滚动条。此处屏幕截图：

从代码中的几个元素中删除所有溢出的

：滚动
。
尝试直接在控制台中覆盖它们
 您目前使用的是哪个操作系统和Chrome版本？你能发个截图吗？谢谢Alex。更新了信息和屏幕截图。我注意到你应用了溢出：在几个元素上滚动，为什么？是的，你应该删除这些：）尝试在控制台上覆盖它以查看发生了什么Alex，我想你刚刚解决了我的问题。我修改了boilerplate.css以删除溢出卷轴，问题似乎得到了解决。唉，我为此挣扎了一段时间！没想到要检查一下样板。谢谢没问题，Mike，很乐意帮助：）我建议您始终使用浏览器控制台进行调试，并检查计算的css属性，包括继承的属性：）
#mainMenu a:hover , #mainMenu a:active {
    color: rgba(255,0,0,1);
    box-shadow: 0px 0px 5px 2px rgba(255,0,0,1);
    border-radius: 20px;
    text-shadow: 0px 0px 5px rgba(255,0,0,1);
}