Ширина div-блоков в зависимости от текста и оставшегося места

[Skyrazor]

В общем шапка из div-блоков. Большинство из них фиксированного размера (логотип, иконки, кнопки и т.д.), один блок меняет свою ширину в зависимости от текста (выводится дата с неделей), и ещё один блок (поиска) должен занимать оставшееся в шапке место. Перепробовал несколько вариантов: с установкой ширины, display, overflow и т.п. - не получается. Видимо, что-то делаю не так. Так выглядит шапка сейчас: http://storage5.static.itmages.ru/i/14/0828/h_1409229676_8871523_4e832bdf38.png

 

Выдернул код, вроде ровно: http://jsfiddle.net/yhp7ersp/ Содержимое блоков заменил на произвольные картинки, чтобы было понятнее. Нужно, чтобы блок с датой оставался без фиксированной ширины (как сейчас) из-за разной длины названий дней недели и месяцев, а блок с поиском занимал оставшееся на странице место (сейчас установлена фиксированная ширина инпута внутри блока - 132 пикселя). Желательно бы ещё сохранить функциональность удлинения инпута поиска при нажатии, но боюсь, что сделать это нереально, если не задавать размер в пикселях. 

[Great Rash]

Чем не устраивает таблица?