div 세로 100% 정렬 도와주세요

요즘 div 공부하는데 세로 100% 정렬이 안되서 질문 드립니다.
검색해봐도 마땅히 찾질 못하겠네요
스크립트나 다른거 안쓰고,
순수 div로는 구현이 안되는건가요?
ie로 확인하면서 연습하는데 안되네요
도와주세요


#content {
width: 822px;
height: auto;
display:block;
background: #660099;
overflow:auto;
}
#leftcolumn {
color: #333;
border: 1px solid #ccc;
background: #E7DBD5;
margin: 0px 0px 0px 0px;
padding: 10px;
height:100%;
width: 200px;
float: left;
}
#rightcolumn {
float: right;
color: #333;
border: 1px solid #ccc;
background: #F2F2E6;
margin: 0px 0px 0px 0px;
padding: 10px;
height: auto;
width: 578px;
display: inline;
}



<div id="content">

<div id="leftcolumn">

Left Column<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
Left Column<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
Left Column<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

</div>
<div id="rightcolumn">

<a href="#">Download this CSS Layout</a><BR><BR><BR><BR><BR><BR><BR><BR>
<a href="#">Download this CSS Layout</a><BR><BR><BR><BR><BR><BR><BR><BR>
<a href="#">Download this CSS Layout</a><BR><BR><BR><BR><BR><BR><BR><BR>
<a href="#">Download this CSS Layout</a><BR><BR><BR><BR><BR><BR><BR><BR>
<a href="#">Download this CSS Layout</a><BR><BR><BR><BR><BR><BR><BR><BR>
<a href="#">Download this CSS Layout</a><BR><BR><BR><BR><BR><BR><BR><BR>
<a href="#">Download this CSS Layout</a><BR><BR><BR><BR><BR><BR><BR><BR>
<a href="#">Download this CSS Layout</a><BR><BR><BR><BR><BR><BR><BR><BR>

</div>
<div style="clear:both;"></div>