Three column fixed height

HTML

<div class="container">
    <div class="col c1">
        <p>Hello world</p>
        <div class="rightborder"></div>
    </div>
    <div class="col c2">
        <p>Lorem ipsum dolor set amet</p>
        <p>and some other meaningless shit</p>
        <div class="rightborder"></div>
    </div>
    <div class="col c3">
        <p>duuuuude</p>
        <div class="rightborder"></div>
    </div>
</div>

CSS

.container {
    border: 1px solid black;
    border-right-width: 0;
    width: 303px;
    overflow: auto;
    position: relative;
}
.col {
    float: left;
    border-right: 1px solid black;
    width: 100px;
    overflow: hidden;
}
.rightborder {
    width: 100px;
    height: 99999px;
    border-right: 1px solid black;
    z-index: -1;
    position: absolute;
    bottom: 0;
}
p {
    padding: 10px;
}