Css Cufon导致下拉菜单中出现间隙

我被这个网站上的下拉菜单问题缠住了（将鼠标悬停在“执行者信息”上查看问题）

基本上，主菜单和下拉列表中的第一项之间会出现很大的间隙，这会影响FF/IE/Chrome

任何想法都非常感谢

CSS如下所示：

#menu-main-nav {    margin: 0px; padding: 0px; }
#menu-main-nav li { float: left; list-style: none; height: 40px; font-size: 20px; }
#menu-main-nav li a { display: block; background: #333333; padding: 12px 24px 8px 24px; text-decoration: none; border-right: 1px solid #444444; color: #EAFFED; white-space: nowrap; }
#menu-main-nav li a:hover { background: #222222; }
#menu-main-nav li ul {  margin: 0px; padding: 0px; height: 40px; position: absolute; visibility: hidden; border-top: 1px solid white; z-index: +1 }
#menu-main-nav li ul li { float: none; display: inline; }
#menu-main-nav li ul li a { width: auto; background: #750000; color: #FFFFFF; border-right: none;  }
#menu-main-nav li ul li a:hover { background: #8d0101; }

//更新

问题似乎是cufon渲染了一个似乎不作为cufon文本存在的空白区域-任何关于为什么会发生这种情况的想法都值得赞赏

---

解决方案是在#主菜单导航a而不是#主菜单导航a上渲染cufon

问题在于填充，特别是在

#菜单主导航a中，填充顶值需要为0。
有一个
cufon

<cufon class="cufon cufon-canvas" alt=" " style="width: 4px; height: 20px; "><canvas width="14" height="22" style="width: 14px; height: 22px; top: -2px; left: 0px; "></canvas><cufontext> </cufontext></cufon>


是的！谢谢-现在我只需要弄清楚什么空白被压缩了，而它不应该被压缩！这个问题已经有了答案，但如果你想自己解决像这样的问题，请看一看。@jdigital-我确实使用firebug，但我从早上8:30开始就在这个网站上工作，并开始逐渐融入其中。我在寻找css中的一个问题。。。