Вон оно в чем дело... ) Ну так, это уже совсем другая история... Вышеописанный шаблон демонстрирует решение несколько иных задач – в частности, вынос основного контента в коде на самый верх (меняем колонки местами) и поддержку max-width.

Как сделать что бы левая и правая колонка была одинакового размера по длине?
Никак. Потому что в CSS нет средств сказать «высота как вот у того другого элемента».
Но выход есть. Причем весьма известный. И писал я о нем довольно много, правда, в других темах...

Воспользуйтесь техникой Faux Columns... Не задавайте фоновый цвет или изображения для самих колонок... Для левой колонки задайте фоновое изображение в элементе html, а для правой – в элементе body...

И будет Вам счастье...

P.S. Правда, от max-width в данном конкретном случае скорее всего придется отказаться...