Space between DIV tags

Hi, I have an annoying horizontal line between my banner div tag and my main body div tag… but not my menu and other links div tag. I can’t fathom why, I am not a professional as you can probably tell :frowning: any help much appreciated. Here is my .css code so far!

#container {
width:968px;
margin: 0 auto;
overflow: hidden;
}
#banner {
overflow:hidden;
border:0px;
padding:0px;
margin:0px;
}
#links{
background-color:#FFF;
}

#menu {
width:auto:
}

#maincontent {
width:968px;
height:800px;
}

#left {
float:left;
width:100px;
overflow:hidden;
}

#latestnews {
position:relative;
float:left;
width:220px;
overflow: auto;
background:#FFF;
}

#twitter {
float:left;
clear:both;
width:220px;
height:300;

}

It’s gonna be almost impossible to help you bug fix this without having access to a working version of your site.

Can you host it somewhere and link to it so we can see what specifically the problem is? It could be HTML related instead of CSS related, for instance.

D’oh…
I have somehow fixed this with a clear all addition to the code and tried that for the other bit that was giving me hassle but that one is much better, I will be uploading it when I think I can… I am very new to this and want a website to do A LOT so i will be asking for much more help :>)