Large font-size in a text-input breaks out of container

Large font-size in a text-input breaks out of container

I have a text input wrapped inside a inline element which adds some
padding and border. But when I increase the font-size the input grows
beyond the containing element.
display:flex-inline seems to fix it, but I don't think that has good IE
support?
http://jsfiddle.net/3hyjd/1/
How can I make the height of the container automatically adjust?
Preferably with IE<9 support.