Выровняйте DIV справа от левой полосы фиксированной ширины

Question

При плавной компоновке попытка создать левую полосу размером 200px и правую шкалу должна увеличиваться по ширине. Когда вводится какое-то широкое содержимое (например, таблица с несколькими столбцами), если браузер недостаточно широк, правый div опускается ниже левой панели.

Как мне это отсортировать?

#container{
    min-height:300px;
}
#leftBar{
    width:200px;
    float:left;
}
#content{
    float:left;
    padding:20px;
}

<div id="container"> 
 <div id="leftBar"> 
  Left bar here fixed width 200px
 </div> 
 <div id="content"> 
  Should expand to fit parent div, but any long content pushes this beneath the leftBar div
 </div> 
 <div class="clear"></div> 
</div>

Answer 1

Правильное решение здесь:

В CSS, как получить левую колонку фиксированной ширины с правой таблицей, в которой используется остальная ширина?