我对此感到很困惑。当我在我的主计算机上的 Chrome、FireFox、IE9、Opera 或 Safari 上查看我的网页时，我的菜单滚动时顶部有 3 像素的额外填充。
当我检查房子里的另外两台电脑时，在上面提到的所有浏览器（加上 IE8）上，菜单没有 3px 的额外填充。
我已经重置了我的主计算机上的浏览器，虽然我认为外部的东西一定会影响页面呈现，因为它发生在我所有的浏览器上......？这不会是监控条件吧？我对显示器校准没有做任何花哨的事情。我所有的浏览器都在缩放 100%。
主要版本：Windows 7 其他两个版本：Windows 7 和 Windows XP
任何关于为什么会这样的猜测都会非常有帮助。谢谢。
CSS：
#access {
clear: both;
display: block;
float: left;
margin: 0px 0 40px 0;
padding:0;
width: 100%;
text-align:left;
/* height:54px; */
background-image:url(images/menu-bar.gif);
background-repeat:no-repeat;
background-position:top center;
}
#access ul {
list-style: none;
margin: 0 0 0 20px;
padding: 0;
width:100%;
}
#access ul li { display:inline;padding:0;margin:0; }
#access li {
background-image:url(images/menu-bar-divider.gif);
background-repeat:no-repeat;
background-position:top right;
}
#access ul li a {
color: #ffffff;
display:block;
float:left;
padding: 18px 39px 17px 39px;
text-decoration: none;
font-size:16px;
text-shadow: 0px 1px #c86209;
}
#access li a:link { }
#access li:last-child { background-image:none; }
#access a:hover { text-shadow: none;background-image:url(images/menu-bar-hover.gif);background-repeat:repeat-x;background-position:bottom center;color:#000000!important;}
#access a:visited { color:#ffffff!important;}