CSS:плавный ввод текста с плавающей-правой кнопкой

Я пытаюсь создать плавный ввод текста с кнопкой отправки справа. Ввод и кнопка должны заполнять 100% своего контейнера.

Вот приблизительный пример того, чего я пытаюсь достичь.:http://jsfiddle.net/t7tgJ/

Проблема, с которой я сталкиваюсь, заключается в том, что для того, чтобы ввод заполнил свой контейнер, мне нужно задать ему плавную ширину, например, 100%. Однако, если я поверну кнопку вправо, мне нужно будет уменьшить эту ширину примерно до 90%, чтобы кнопка могла поместиться. Но это работает только для одного размера области просмотра.

Я хочу что-то вроде

input { width: 100% - {button.width}; }
button { float: right; }

или, проще говоря, мой ввод должен простираться до правой-плавающей кнопки и оставаться таким при любом размере области просмотра.