SO equal height columns

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap.min.css">
    <div class="container-fluid">
<div class="row-fluid col-wrap">
<div class="span4 col">
<p>left column </p>
<p>left column </p>
<p>left column </p>
</div><!-- end span 4-->
    
<div class="span4 col">
<p>middle column</p>
</div><!--end span4-->
    
<div class="span4 col">
<p>right column </p>
<p>right column </p>
<p>right column </p>
 <p>right column </p>
<p>right column </p>
</div><!-- end span 4-->

</div><!-- end row-fluid -->
    

</div>
<br />
<p>
Hello PANCHROMA
</p>

CSS

.col{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    background-color:#ffc;
}

.col-wrap{
    overflow: hidden; 
}