Two Divs same Height

http://stackoverflow.com/questions/10234683/two-divs-with-dynamic-height-equally-high

by ryanwfiorini

HTML

<div class="container">
<div class="portfolioleft"><img src="img" alt="img" width="189" height="311" /></div>
<div class="portfolioright">
<h2>Title</h2>
<p>Text</p>
</div>
<div class="clear">&nbsp;</div>
</div>

CSS

.container {
    height:400px;
    border: 1px solid black;
    min-width: 769px;
}
.portfolioleft{
    float:left;
    width:189px;
    background-color: #436FAC;
    min-height: 100px;
    height: auto;
    color: #FFF;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    bottom:0;
}
.portfolioleft img{
    border-radius: 10px;
}
.portfolioright{
    min-width:500px;
    background-color: #436FAC;
    min-height: 100px;
    color: #FFF;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
        bottom:0;
    display:table-cell;
}
.portfolioright a{
    color:#FFFFFF;
}