Html css背景高度使元素溢出

我有一个例子，我想把头部的高度设置为60px，但不知怎么的，它的内部元素溢出了，所以它没有显示正确。我怀疑这个标志的背景在某种程度上设置的高度比它应该设置的要大。我特别设置了

背景大小：202px 56px和<代码>高度：56px。背景图像的原始高度为250x69px，应将其大小调整为（自动计算）x56px（或固定202x56px也可以）

如果这将显示正确，底部应该有一个小的“边框”，当相应的顶部元素悬停时，它会变成蓝色

这些样式最初是在
SCSS
的帮助下编写的，并编译成
CSS
。我还使用了
Compass
来生成精灵。我只在网页上提供了
CSS
文件。我没有在这里放任何代码，因为它太大了（每个文件中有200多行）。如果我必须显示
SCSS
文件，请告诉我

我正在编辑的网页可在此地址找到：

我最初是在localhost上创建此网页的，因此可能有一些断开的链接。如果缺少任何重要内容，请告诉我。
我尝试了一下您的页面，发现您的
元素的“超高”是由于
内的锚元素填充造成的。您必须首先将其设置为0，然后为正在使用的左侧和右侧应用其他填充：

#head table td a{ padding: 0px; }

此外，您可以直接将高度设置为
，并将其设置为隐藏溢出（这也会带来技巧，但会让
使用错误的高度）

背景尺寸很好，不会出错

希望对你有帮助
 该页面在Firefox和IE9上显示良好（灰色边框在悬停时变为蓝色），但在Chrome上显示失败。所以，也许有一些webkit特定的东西你需要解决，例如，你忘记了某个地方的一个-webkit-属性？顺便问一下，这是一个愚蠢的问题，但为什么你要创建一个250x69的图形，然后将其调整到56高？我不确定这背后的设计理念。这个标志很旧，这是设计的最小的。我没有访问.psd文件的权限，在调整png大小时，文本会变成像素，我想避免这种情况。哦，多么愚蠢的错误--我完全忽略了该属性。我刚刚移除了我正在设置的填充物，它的工作原理应该是这样的！你可能帮我省了好几个小时的脑袋撞到墙上的时间！
#head{ height: 60px; overflow: hidden}