website help!

[moler]

hi ive been trying to get a spacing between two div tags to go away, i haven't been successful please help if you can

html : <div id="wholesite">
<div id="mainbar">
<div id="gmlogo" onclick="location.href='http://www.gmcanada.com';" style="cursorointer;">
</div>
<div id="topbar">
<img src="sr2.jpg" border="0">
</div>
<div id="topright" onclick="location.href='index.php';" style="cursorointer;">
<div id="logoname">
</div>
<div id="logo1" >
</div>
</div>
</div>
<div id="menubar">
<div id="gmlogobottom" onclick="location.href='http://www.gmcanada.com/';" style="cursorointer;">
</div>
<div id="flashmenu">
</div>
<div id="bottomleftpipe">
</div>
</div>

CSS: * {
margin:0; padding:0;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FF9900;
}
a:hover {
text-decoration: underline;
color: #666666;
}
a:active {
text-decoration: underline;
color: #666666;
}
#wholesite {
height: 100%;
width: 100%;
background-color:#000563;
margin:0;
}
#menubar {
height: 100%;
width: 25%;
background-image:url('stretchl.gif');
background-repeat:repeat-y;
margin:0;
}
#mainbar {
background-image:url('stretcht.gif');
background-repeat:repeat-x;
width: 100%;
float:left;
margin:0;
}
#gmlogo {
background-image:url('sr1_1.jpg');
background-repeat:no-repeat;
width: 118px;
height: 108px;
float:left;
display: block;
padding: 0;
margin: 0;
border: 0;

}
#topbar {
background-image:url('sr2.jpg');
background-repeat:no-repeat;
float:left;
margin:0;
}
#topright {
width: 343px;
height: 108px;
float:right;
margin:0;
}
#logoname {
background-image:url('sr3.jpg');
width: 158px;
height: 108px;
float:left;
}
#logo1 {
background-image:url('logo1.jpg');
width: 185px;
height: 108px;
float:right;
margin:0;
}
#gmlogobottom {
background-image:url('sr1_2.jpg');
background-repeat:no-repeat;
width:118px;
height:66px;
display: block;
padding: 0;
margin: 0;
border: 0;
}


Thanks a lot