Элемент ввода переполняется за пределами div ⇐ CSS

[Гость]

Я хочу разместить входной элемент внутри div, но по какой-то причине входной элемент выходит за пределы div. В чем проблема?

http://jsfiddle.net/aklintsevich/p1o584wg/

# Third { цвет фона: #22AFA0; } #контакт { цвет фона: синий; поле: 0 пикселей авто 30 пикселей авто; положение: относительное; верх: 30%; ширина: 65%; высота: 30%; цвет фона: красный; } .email_info { высота: 40%; ширина: 45%; позиция: абсолютная; цвет фона: зеленый; } .сообщение { позиция: абсолютная; справа: 0 пикселей; высота: 100%; ширина: 45%; цвет фона: зеленый; } #message_icon { высота: 40%; ширина: 20%; цвет фона: синий; правая граница: 1 пиксель, сплошной белый; нижняя граница: 1 пиксель, сплошной белый; } #message_icon:до { белый цвет; дисплей: блок; ширина: 100%; высота: 100%; выравнивание текста: по центру; высота строки: 80 пикселей; размер шрифта: 2,5em; содержимое: "\e610"; } .text_position { плавать: вправо; позиция: абсолютная; } .вершина { верх: 0 пикселей; } .нижний { внизу: 0 пикселей; } #form_button { положение: относительное; ширина: 65%; высота: 20%; /*цвет фона:оранжевый;*/ } .икона { ширина: 20%; высота: 100%; цвет фона: синий; правая граница: 1 пиксель, сплошной белый; } .icomoon { семейство шрифтов: 'icomoon'; говорить: нет; стиль шрифта: нормальный; шрифт-вес: нормальный; -webkit-font-smoothing: сглаживание; } .white_border { граница: 2 пикселя, сплошная белая; } .center_text { выравнивание текста: по центру; } #name_font:до { размер шрифта: 2,5em; дисплей: блок; ширина: 100%; высота: 100%; высота строки: 80 пикселей; белый цвет; содержимое: "\e611"; } #email_font:до { размер шрифта: 2,5em; дисплей: блок; ширина: 100%; высота: 100%; высота строки: 80 пикселей; белый цвет; содержимое: "\e60f";