CSS колонки одинаковой высоты

Недавно мне задали вопрос, как бы я сделал в макете колонки одинаковой высоты. Предложил использовать способ с нижними «паддингами» и «маргинами». Или, русским языком – «полями» и «отступами».

Код HTML:

<div class="cols">
  <div class="col1">Налево пойдешь – коня потеряешь</div>
  <div class="col2">Прямо пойдешь – лбом упрешься</div>
  <div class="col3">Направо пойдешь – лучше не ходи..</div>
</div>

Стили CSS:

.cols{
  overflow:hidden;
  width:100%;/* Задать свойство hasLayout для IE6;
                Можно использовать _zoom:1 (невалидное свойство) */
}
.cols .col1,.cols .col2,.cols .col3{
  padding-bottom:10000px;
  margin-bottom:-10000px;
}

UPD 2009.08.07
Стили CSS для отображения в виде колонок с разным цветом фона:

.cols .col1{width:25%; float:left; background:#999999;}
.cols .col2{width:50%; float:left; background:#E0E9EF;}
.cols .col3{width:25%; float:left; background:#5588AA;}

Пример реализации с Хабрахабра.