Html 1像素空间在div顶部，为什么？

在我继续使用当前导航条之前，我需要找到一个解决方案来删除嵌套div上方的1px空间

有什么想法吗？顺便说一句，当我在本地查看时，空间不在那里，空间仅在通过服务器联机查看时显示

提前感谢：

顺便说一句，html中有一个结束的第一个div，但由于某些原因，它没有显示在这里

链接：

CSS:

HTML:

---

为了避免这类问题。。。始终使用一个代码，即*{margin:0；padding:0；border:0；} 此代码必须在.css文件中使用，位于.css文件的顶部。意思是，在我的洋葱中，总是用这个代码开始编写.css文件，它永远不会在你的布局中产生问题。。。

---

谢谢你

尝试设置body*{margin:0；padding:0}或使用reset.cssCan显示问题的屏幕截图？我在Chrome上看起来不错。使用正确的重置CSS Eric Meyer的CSS，例如。还要注意你的HTML无效，不是唯一ID。我尝试了所有建议，但仍然存在问题。看起来问题只出现在我笔记本电脑的Chrome上。IE、FF看起来不错，我桌面上的Chrome看起来不错。奇怪的这是一个截图，我尝试了所有的建议，但仍然有问题。看起来问题只出现在我笔记本电脑的Chrome上。IE、FF看起来不错，我桌面上的Chrome看起来不错。奇怪的这是一个截图

body {
margin:0;
}
body a {
    text-decoration:none;
}

#header {
width: 100%;
position: absolute;
bottom: 0;
}

#header-wrap {
width: 100%;
position: fixed;
background-color: #ff9a2c;
top:0;
left:0;
}

#nav a {padding:11px 10px 12px 10px; font:300 18px 'roboto', sans-serif; float:left;}
#nav a:link { color:#ffffff; background-color:#ff9a2c; }
#nav a:visited { color:#ffffff; background-color:#ff9a2c; }
#nav a:hover { color:#ffffff; background-color:#fff; }
#nav a:active { color:#ffffff   ; background-color:#ff9a2c; }

#nav #purple:hover {background-color:#91008b;}
#nav #blue:hover {background-color:#0200ac;}
#nav #green:hover {background-color:#05bd08;}
#nav #yellow:hover {background-color:#f6fc00;}
#nav #red:hover {background-color:#f91d05;}

#nav img {margin:auto; vertical-align:middle; display:inline-block; border:0;}

<div id="header-wrap">
<div id="header" class="clear">
    <nav id="nav">
        <a id="purple" class="nav_hide" href="#">Home</a>
        <a id="blue" class="nav_hide" href="#">About</a>
        <a id="green" class="nav_hide" href="#">Curate</a>
        <a id="red" class="nav_hide" href="#">Updates</a>
        <a id="purple" class="nav_hide" href="#">Donors</a>
        <a id="blue" class="nav_hide" href="#">Donate</a>
        <a id="green" class="nav_hide" href="#">History</a>
        <a id="red" class="nav_hide" href="#">Gallery</a>

        <a id="red" style="float:right; padding:9px 10px 14px 10px;" href="#"><img src="../../../../wt-pinit.png" height="17" width="14"></a>
        <a id="green" style="float:right; padding:9px 10px 14px 10px;" href="#"><img src="../../../../wt-facebook.png" height="17" width="8"></a>  
        <a id="blue" style="float:right; padding:9px 10px 14px 10px;" href="#"><img src="../../../../wt-twitter-comment.png" height="17" width="26"></a>
        <a id="purple" style="float:right; padding:9px 10px 14px 10px;" href="#"><img src="../../../../wt-twitter-follow.png" height="17" width="26"></a>           
    </nav>
</div>