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

Everything I read online (see below) indicates that the resize property only works on block level elements that do not have overflow: visible set and on textarea elements. It does not even technically work for input elements (which are neither, and even if set to display: block I could not get the resize to be recognized by Firefox).

Links: https://developer.mozilla.org/en/CSS/resize and http://www.css3.info/preview/resize/ and http://www.w3.org/TR/css3-ui/#resize