Как предотвратить переполнение дочерним элементом родительского элемента?

Как вы можете видеть из этого примера, input, кажется, "переполняет" его родителя div. ]. Я хотел бы добавить дополнение к входу , не вызывая переполнения его родителя.

Я хотел бы узнать лучшее решение/обходной путь для каждого браузера (включая IE, Firefox, Chrome и т. д.).