내 문서의 아래쪽에있는 공백을 제거 할 수 없습니다.

페이지를 렌더링 할 때마다이 공간 블록이 생성되는 것 같습니다. 어떻게 거기에 나타나는지 나는 모른다. 아래는 크롬에서 검사 할 때 이미지입니다. 다른 브라우저에서 발생합니다. 그것의 문제는 아래에 내 꼬리말 그래서 난 그냥 공백을 가지고, 아니 CSS는 그것을 해결하는 것, 단지 직접 공간을 삭제하지만, 공간은 내 코드에 존재하지 않습니다.내 문서의 아래쪽에있는 공백을 제거 할 수 없습니다.

<body> 
     <div id="wrapper"> 
     <div id="header"> 
     <img style="display:block; " src="assets/img/trinity.png" alt="trinityimage" /> 
       <ul style="width:100%; 
       height:100px; 
       background:url(assets/img/backg.png) repeat-x; 
       list-style:none; 
       margin:0; 
       padding:0; 
       text-align:center;" id="menu"> 
       <li class="selected"><a href="#" class="home"><span></span></a></li> 
       <li><a href="#" class="aboutus"><span></span></a></li> 
       <li><a href="#" class="team"><span></span></a></li> 
       <li><a href="#" class="club"><span></span></a></li> 
       <li><a href="#" class="spare"><span></span></a></li> 
      </ul> 

     </div> 
     <div id="content"> 
     <div id="space"></div> 
     <img style="padding:7px;" src="assets/img/newsite.png" align="left" alt="newsite"/> 
     <p>Welcome to the Club homepage</p>! 
     <div id="rightcolumn"> 
     <h3>Recent News!</h3> 
      <ul style="font-size:9px; line-height:100%;"> 
      <li><p>Lorem ipsum dolor</p></li> 
      <li><p>Lorem ipsum dolor</p></li> 
      <li><p>Lorem ipsum dolor</p></li> 
      <li><p>Lorem ipsum dolor</p></li> 
      </ul> 
     </div> 
     <div id="footer"> 
     </div> 
    </div> 
</body> 
</html>

My Code 그리고 '공간'사업부가에 영향을주지 않습니다, 즉 공간이 조금 있습니다.