劃分之間的差距 - 不理解它爲什麼存在

-1

我正在設計一個在社交網站上使用的佈局。該網站允許使用CSS/HTML元素。在我的設計中，我的兩個堆疊divs之間存在差距。我的代碼沒有差距，所以我不明白爲什麼它在那裏。劃分之間的差距 - 不理解它爲什麼存在

下面是截圖：標題圖片和菜單之間的黑色空格是空格。 enter image description here

這裏是我的HTML：

<!DOCTYPE HTML> 
<head> 
<link rel="stylesheet" href="vfErin.css"> 
</head> 
<html> 
<body> 
<div id="customProfile"> 
<div id="customHeader"> 
    <img src="http://assets.jollyrogerpcs.com/vampirefreaks/axel/cover.png" width="100%"> 
</div> 
<div id="customMenu"> 
    <a href="#">VF Home</a> 
    <a href="#">Gallery</a> 
    <a href="#">Journal</a> 
    <a href="#">Add Me</a> 
    <a href="#">Rate & Comment</a> 
</div> 
</div> 
</body> 
</html>

我的CSS：

/* 
#67C8FF neon-blue 
#83F52C neon-green 
*/ 
* { 
    padding: 0; 
    margin: 0; 
    text-decoration: none; 
    border: none; 
    outline: none; 
    list-style: none; 
    transition: all 0.5s; 
} 
body { 
    background-color: #000; 
    text-align: center; 
} 
#customProfile { 
    width: 900px; 
    margin: 0 auto; 
    text-align: left; 
    border-left: 1px solid #67C8FF; 
    border-right: 1px solid #67C8FF; 

} 
#customMenu { 
    width: 900px; 
    font-size: 0pt; 
} 
#customMenu a:link, #customMenu a:visited { 
    display: inline-block; 
    width: 20%; 
    text-align: center; 
    background-color: #67c8ff; 
    font-size: 14pt; 
    height: 30px; 
    line-height: 30px; 
}

來源

2015-05-23 Jesse Elser