matching columns

[catfish]

I have been using the matching columns method for a while now but have just used the facebook widget a couple of times. I have included a link to my webpage in question. the problem I have is that sometimes when I look at it the facebook box is overlapping the bottom/footer of the page and other times it is not. I don't know if I have specified my container div heights correct or not but something is not right. Or could it have something to do with my div classes/positions

 

http://www.pen10.ca/index.php

 

#container {
margin:0 auto;
padding:0px;
background-color: #fded54;
background-image: url(images/orange_grade.jpg);
background-repeat:repeat-x;
border:0px solid #000;
border-top:none;
border-bottom:none;
width:900px;
min-height:100%;	
}
#rightCol .list_2{
position:absolute;
font-weight: bold;
text-transform:uppercase;
text-align:center;
font-size:12px;
color:#003366;
left: 0;
bottom: 0px;
padding-right:15px;
}

#leftCol {
position:relative;
border-right:0px solid #FFCC00;
float:left;
width:224px;
padding:18px 0 0 6px;
background-color: #a4020d;
color:#fff;
text-align:center;
padding-bottom:22px;
height:100%	
}

#rightCol {
position:relative;
margin-left:250px;
height:100%;
padding-right:22px;
padding-top:25px;
line-height:140%;
text-align: left;
height:100%;
}