Test_CSS

body{width:100%;height:100%;}
#container1 {
margin-right:auto;
margin-left:auto;
width:80%;
min-width:80%;
height:75%;
display:block;
}
#leftcolumn{
/*All friends list / profile data will go here */
float:left;
position:relative;
top:50px;
border:5px solid #A80000;
//padding:400px 5px;
background:#FFFFF;
width:25%;
min-width:25%;
height:75%;
border-radius:25px;
display:block;
}
.profiledetails { }
#rightcolumn {
/*Status updates / other subscribed topics go here */
float:left;
position:relative;
top:50px;
border:5px solid #A80000;
//padding:400px 150px;
background:#FFFFF;
width:68%;
min-width:68%;
height:75%;
border-radius:25px;
display:block;
}
#spacer{
height:75%;
position:relative;
top:50px;
display:block;
float:left;
width:2%;
min-width:2%;
}

<div id="container1">
<div id="leftcolumn">

        <div id ="profiledetails"<li> <a href='userprofile.php'></a></li> </div>


</div>
<div id="spacer"></div>

<div id="rightcolumn">

     <div id ="statusupdates"<li> <a href='forums.php'></a></li> </div>

</div>
</div>