How to force free CSS resize on input element when its width is specified?

Question

I have simple problem - text input element which has specified 2 CSS attributes, see code below:

Answer 1

The simple way to make an input resize freely is to set it to it to have width: 100%, and then place it inside an inline-block container with a min-width (min-width sets the default width for the input). Resize the container to resize the input.

See: http://jsfiddle.net/Wexcode/TvZAr/