只在一台计算机上的每个浏览器的菜单上的额外填充

我对此感到困惑。当我在主计算机上查看我的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;}

来源

2013-02-26 user2109656

你可以在两台机器上粘贴来自chrome的计算过的样式：显示正确的一个和显示打开的一个。当你复制填充的计算样式打开它来查看它来自哪里，并通过截图或类似的东西粘贴，所以我们可以看到，或者你可能已经解决了这段时间。 – 2013-02-26 03:32:07

可能的情景：

这是一个CMS？你是否可以在其他电脑中以管理员身份登录？我有与Wordpress相同的问题。 http://wordpress.org/support/topic/31-update-causing-28px-top-spacing-in-html-body
你有任何插件，插件，广告软件安装，是干扰你的布局？
你使用CSS重设或标准化？（其中一个不是两个）这可以帮助您解决

类似的问题。

你能尝试的jsfiddle或http://tinkerbin.com/重现你的情况？

来源

2013-02-26 03:46:05

只在一台计算机上的每个浏览器的菜单上的额外填充

回答

相关问题