equal-height-columns.css

css

.css-table {
    display:table;
    width:500px;
    background-color:#F9F9F9;
}
.css-table-cell {
    display:table-cell;
    width:30%;
    padding:3%;
}
.css-table-cell:nth-child(2n+1){
    background-color: #cacaca;
}

html

<div css="css-table">
    <div class="css-table-cell"></div>
    <div class="css-table-cell"></div>
    <div class="css-table-cell"></div>
</div>

I'm not sure if display:table-cell will work OK in every browser...

Support: 93.86%

http://caniuse.com/css-table

Thanks, dude!!! I'm gonna ignore IE7, it's the best solution!