Кроссбраузерная строка поиска на html+css

[Kray Storm]

Здравствуйте.

Есть простой код с формой, состоящей из строки поиска и кнопки. Есть желание задать оформление: placeholder + скругление + тень при фокусе. Казалось бы - куда уж проще. Но браузеры дружно доказывают, что я слишком наивен в своих предположениях.

Вот код

Тот же jsfiddle все отображает как задумано: тыцяем в поле - текст пропадает, граница и тень появляются.

Opera: аналогично.

Firefox 19.0.2: текст из placeholder пропадает не при фокусе, а только после начала набора текста запроса.

Chrome 25 удивил: бордера, тени и скруглений нет, реакции на фокус тоже нет.

Гугл толком ничего не сказал - только по placeholder-у нашлось решение на Javascript.

Вопрос:

Возможно ли сделать кроссбраузерную строку поиска без использования скриптов?

[Kray Storm]

Люди! Ну напишите хотя бы что я дурак и вопрос глупый. Или что в браузерах это нормально и так всегда было и все были довольны.

Я хоть тогда буду спокоен. Спасибо ))

[lexxcode]

Да нет, не дурак. Просто у каждого браузера свое мнение))

Частично можно так решать http://jsfiddle.net/alexriz/TR2St/

Правда раньше и в Firefox, при таком решении, пропадал placeholder по фокусу, в последней версии перестало почему-то. Я это недавно тоже обнаружил, как-то не было времени разобраться, как теперь решать