How the hell can I center my Divs

sarkiemarkie

[code]

Test Website

content contentcontentcontent

Links Links Links

[/code]
[code]
#top {color: white;
background-color:#000000;
height:15%;
vertical-align:bottom;
text-align:right;
top:50%
position:relative;
}

#middle{color: black;
height:75%;
font-size:14px;
margin:0px;
padding:0px;
border-collapse:collapse;
/*text-align:center;
background-image:url('images/moon.jpg');
background-repeat:no-repeat;
background-color:#000000;*/
background-position:right top;
vertical-align:middle;
top:50%
}


#bottom {color: white;
background-color:#000000;
height:10%;
vertical-align:middle;
top:50%

}[/code]#

I cannot get them centered. i have tried SO many things!!