Поле формы не видно в IE8

Question

Я работаю над шаблоном веб-сайта, и Internet Explorer вызывает у меня головную боль, поскольку я не могу правильно отобразить поле и кнопку формы поиска. z-index в CSS тоже мало что делает. Кстати, как мне переместить область ввода после иконки лупы?

Проверьте сайт здесь: http://gabrielmeono.com/yonature/

Chrome:

В IE8:

Answer 1

Три вещи:

1. IE8 не поддерживает border-radius, который применяется к этому полю.
2. Ваш CSS ссылается на отсутствующий файл, border-radius.htc , который предназначен для добавления закругленных углов во «всех основных браузерах, кроме IE».
3. Вы должны иметь возможность добавить значение отступа слева в поле для перемещения текста вправо.Может быть безопаснее сделать белый округлый контейнер и поместить в него кнопку поиска и текстовое поле.

Редактировать: Я ошибся;файл границы радиуса (изогнутый угол) должен работать для IE6-8.