Контейнер CSS с автоматической подгонкой между элементами float:left и float:right

Я ищу способ, с помощью которого CSS(3) мог бы автоматически регулировать ширину центрального контейнера div между float:leftdiv и float:rightdiv.

Для центрального элемента div также необходимо установить min-width, подобно google+ -> home, где центральный контент автоматически размещается между левыми кнопками навигации и правой панелью чата. Затем, когда ширина экрана уменьшается до определенной точки (обнаруженной с помощью javascript), панель чата сворачивается для экономии места.

Вот активный макет для работы: http://jsfiddle.net/9vrby/

Кроме того, вот код CSS, который я сейчас использую:

#left{ float:left; width:200px; height:400px; border:1px solid #000; }

#center{ float:left; width:auto; height:400px; border:1px solid red; }

#right{ float:right; width:100px; height:400px; border:1px solid blue; }

Пожалуйста, дайте мне знать если вам нужна дополнительная информация, и заранее спасибо за помощь.