Nie można usunąć białych znaków na dole mojego dokumentu
Wydaje mi się, że mam ten blok generujący przestrzeń za każdym razem, gdy renderuję stronę. Nie mam pojęcia, jak to się tam pojawia. Poniżej znajduje się obraz, gdy przeglądam w chrome, dzieje się to w innych przeglądarkach. Jest to problem, który znajduje się poniżej mojej stopki, więc po prostu mam białe znaki, żaden css nie wydaje się go rozwiązać, usuwając tylko miejsce, które jest w porządku, ale przestrzeń nie istnieje w moim kodzie.
<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>
A „space” div nie ma na to wpływu, to tylko trochę miejsca.