В этом макете контент дополнительно обёрнут в раздел #wrapper. Чтобы колонка меню могла обтечь контент, разделу-обёртке было задано левое отрицательное поле margin-left: -20%; Также этому блоку нужна ширина в 100%, чтобы при всплытии вправо его ширина не уменьшалась.

Чтобы контент не "залезал" под меню, ему задано такое же левое положительное поле, как ширина меню: margin-left: 20%;

Колонке меню дополнительно указано float: left;, так как без этого старые бразуеры не поднимут меню на один уровень с контентом. Плюс без этого у меню не будет фонового цвета.

Футеру по-прежнему нужно прерывание обтекания clear: both;, чтобы он всегда находился под колонками.