Asp.net Firefox 和 Chrome 之间 1 像素的行高差

在asp中进行新的网站设计.net与母版页.页面的页眉是一个35px高的"菜单栏"，其中包含一个asp菜单控件，呈现为无序列表.

所选菜单项的样式采用不同 colored颜色 的背景和围绕左、上、右两个方向的2px边框.所选菜单项的底部应该与菜单栏的底部对齐，这样所选的"选项卡"看起来就像流入了下面的内容.在Firefox和IE中看起来不错，但在Chrome中，"标签"似乎比菜单栏的底部高出1个像素.

只是想知道是否有某种我不知道的错误.

我意识到你很可能需要代码来帮助解决这个问题，所以我会尽快发布css.

编辑:

这是菜单的css...

div.hideSkiplink
{     
    width:40%;
    float:right;
    height:35px;
}

div.menu
{
    padding: 0px 0px 0px 0px;
    display:inline;
}

div.menu ul
{
    list-style: none;
}

div.menu ul li
{
    margin:0px 4px 0px 0px;
}

div.menu ul li a, div.menu ul li a:visited
{
  color: #ffffff;
  display: block;
  margin-top:0px;
  line-height: 17px;
  padding: 1px 20px;
  text-decoration: none;
  white-space: nowrap;
}

div.menu ul li a:hover
{
  color: #ffffff;
  text-decoration: none;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: none;
  border-left: 1px solid #fff;
}




div.menu ul li a:active
{
 background:#ffffff !important;
 border-top:2px solid #a10000;
 border-right:2px solid #a10000;
 border-bottom: none;
 border-left:2px solid #a10000;
 color: #000000 !important;
 font-weight:bold;

}


div.menu ul a.selected
{
  color: #000000 !important;
  font-weight:bold;
}

div.menu ul li.selected
{
 background:#ffffff !important;
 border-top:2px solid #a10000;
 border-right:2px solid #a10000;
 border-bottom: none;
 border-left:2px solid #a10000;
}

div.menu ul li.selected a:hover
{
  border: none;
}

选定的类通过jquery添加到li和a元素中...

这是这个问题的屏幕截图…… chromium 合金的例子在顶部，你可以在标签下面看到1px的红色边框. 底部是Firefox图像，其中一切看起来都很正常.

编辑:

在进一步研究这个问题之后，我发现实际上是"header"div本身在chrome中增长了1倍...我觉得这很奇怪.