Переполнение CSS: скрытые ограничения ширины div

Итак, я столкнулся с этой проблемой, когда переполнение: скрытое в div в контейнере ограничит ширину div, когда он должен быть плавным. Итак, в основном у меня есть структура, подобная этой:

<div id="container">
    <div id="leftColumn">
        //content
    </div>
    <div id="rightColumn">
        //content
    </div>
</div>

В этой ситуации div leftColumn имеет фиксированную ширину, а rightColumn должен быть плавным и заполнять оставшуюся ширину. Проблема в том, что когда я добавляю overflow: hidden в правую колонку (она имеет цвет фона), ширина уменьшается до минимальной ширины, которую я дал ей. Есть ли способ расширить его до оставшейся ширины? Вот что у меня есть для CSS в настоящее время:

#container {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    min-width: 800px;
}

#leftColumn {
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    width: 230px;
    position: relative;
    float: left;
}

#rightColumn {
    margin: 0px 0px 0px 250px;
    padding: 10px 10px 10px 10px;
    min-width: 530px;
    overflow: hidden;
    background: #fff;
}

Мысли?