Двухколоночная компоновка (левая колонка с фиксированной шириной, правая плавная + прозрачная: обе)

Просто нужна помощь, я уже много лет пытаюсь разобраться в этом. Что мне нужно:

У меня есть макет из двух столбцов, где левый столбец имеет фиксированную ширину 220 пикселей, а правый столбец имеет постоянную ширину.

Код:

    
 
 
     
    


    

        
This is the static sidebar
        
This is the main, and fluid div
    

Нет никаких проблем. Когда я использую синтаксис css clear: оба в правом столбце, все содержимое после перемещается в левый столбец. Это правильное поведение и ничего против него.

Но мне действительно нужно использовать clear: both в том смысле, что он остается только в контексте правого столбца (совсем не затрагивается левым столбцом и не перемещается под ним)

Is есть ли какой-нибудь простой способ сохранить базовую концепцию дизайна страницы с плавающей запятой?

ОБНОВЛЕНИЕ: Пожалуйста, посмотрите эту ссылку, чтобы узнать, о чем я говорю, так как это может немного сбивать с толку из моего описания. Ссылка: http://jsfiddle.net/k4L5K/1/