CSS / DIV ruimte tussen banner / menu

Ik probeer mijn lay-out in DIV te zetten, nu heb ik een div banner waar ik mijn banner in gezet heb so far so good. onder de banner heb ik een div voor het menu en include daar mijn menu. Echter zit er tussen banner en menu een wit balkje wat ik maar niet weg krijgt x) ik wil graag dat mijn menu aansluit tegen de onderkant van de banner.

status<beginner> :D

code

index.php
<div class="banner">
<img src="img/nieuwe-banner.jpg">
</div>
<div class="menu">
<?Php include"inc/menu.php";?>
</div>

CSS
}
div.banner {
width:780px;
height:200px;
text-align:left;
}
div.menu {
width:780px;
height:auto;
text-align:left;

menu.php
<table width="780" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td>Home</td>
<td>Menu</td>
<td>Blaat</td>
<td>schaap</td>
<td>koe</td>
<td>Contact</td>
</tr>
</table>