이 div는 어떻게 수정합니까?

Question

어떤 의미에서 전체 이미지를 형성하기 위해 이미지 사이의 작은 간격을 수정하려고합니다. 여기 그림이 있습니다 : http://gyazo.com/ecaf4c33f97c6ad4de9d4276809daea6 - 나는 네비게이션 바의 오렌지 라인 아래에 밝은 파란색 선에 대해 말하고 있습니다.

#wrapper { 
    width: 800px; 
    height: auto; 
    background-color: #5c6376; 
    margin: auto; 
    margin-top: 12em; 
    padding: 0px; 
} 

#topMenu { 
    min-height: 100%; 
    min-width: auto; 
    height: auto; 
    width: 100%; 
    top: 0; 
    left: 0; 
} 

#body1 { 
    min-height: 100%; 
    min-width: auto; 
    height: auto; 
    width: 100%; 
    top: 0; 
    left: 0; 
    position:relative; 
} 

#text { 
    z-index:100; 
    position:absolute;  
    color:white; 
    font-size:24px; 
    font-weight:bold; 
    font-family: Arial; 
    right: 735px; 
} 

#body2 { 
    min-height: 100%; 
    min-width: auto; 
    height: auto; 
    width: 100%; 
    top: 0; 
    left: 0; 
} 

#body3 { 
    min-height: 100%; 
    min-width: auto; 
    height: auto; 
    width: 100%; 
    top: 0; 
    left: 0; 
} 

는 HTML :

<div id="wrapper"> 
    <div align = "center"> 
     <img src="img/top-bar.png" width="1017" height="87" alt="" id="topMenu">  
    </div> 
    <div align = "center"> 
     <h2 id="text">Test</h2> 
     <img src="img/body1.png" width="1017" height="445" alt="" id="body1"> 
    </div> 
    <div align = "center"> 
     <img src="img/body2.png" width="1017" height="445" alt="" id="body2"> 
    </div> 
    <div align = "center"> 
     <img src="img/body3.png" width="1017" height="366" alt="" id="body2"> 
    </div> 
</div> 

Answer 1

왜

#body1 { 
min-height: 100%; 
min-width: auto; 
height: auto; 
width: 100%; 
position:relative; 
top:-10px; 
left: 0; 
} 

상단 경우 사용하려고 그나마 : 간격까지 값으로 -10px이 작동하지 않습니다, 실험