Как исправить ошибку верстки в ie11?

Question

[Александр Токмаков]

Здравствуйте. Есть сайт: http://самая.su
вот как отображается кнопка поиска в ie11 prntscr.com/9ml502

Подскажите пожалуйста как исправить. в Хроме и фоксе смотрится нормально.
Спасибо

Comments

[Сергей]

Что именно исправить? все же криво)

[Александр Токмаков]

Сергей: кнопка поиска и меню

[Сергей]

Александр Токмаков: у кнопки отступ сверху 5 пикселей же

Answer 1

[Дима Паутов]

Просто напишите кнопке и полю vertical-align: top

Comments

[Александр Токмаков]

От души в душу.

Answer 2

[Сергей Наломенко]

Скажу больше: в Edge на Windows 10 это смотрится еще ужаснее :)

Могу предположить, что кроссбраузерно эта проблема решается следующим образом: оба инпута (text и submit) оборачиваются отдельным <div/> (хотя они уже обёрнуты формой, поэтому такая манипуляция может быть избыточным кодом), и каждому присваивается CSS-свойство display: inine-block, с предварительным указанием абсолютных размеров. Возможно, понадобятся некоторые манимуляции у input type=submit с margin-left: -5px (например) или { position:relative; left:-5px; }. Но это уже детали.