hulp bij css

Hallo,
ik heb een css gemaakt, nu krijg ik zoals je Hier kan zien, links-onder en rechtsboven een wit vlak.
ik denk dat het door de #banner komt maar weet dit niet zeker.

Mijn vraag is:
-wittevlakken linksonder rechtsboven weg
-het menu geen ruimte tussen buttons
-geen blauwe lijn om buttons
-kleinbeetje zwart boven het logo 5 pixels ofzo.

hier de css.

@charset "utf-8";
/* CSS Document */
html{
height: 100%;
}
body {
text-align:center;
height: 100% ;
width: 100%;
margin:0px;
padding:0px;
}
a:link{
color:#990000;
text-decoration: none;
}


#linkervlak{ 
float: left;
width: 20% ;
height: 100%;
background-color:#333333;
}
#middenblok{
float: left ;
width: 60%;
background-color:#000000;
height: 100%;
text-align:left; color:#990000;
a:link; color:#990000;
}
#banner{
border-top-height: 3px;
float: left;
width: 60%;
background-color:#000000;
text-align:center; color:#990000;
margin-left:auto;
margin:auto;
}
#rechtervlak{
float: left;
width: 20%;
height: 100%;
background-color: #333333;
}