Кроссбраузерность поиска html5

[psics]

Здравствуйте.
Подскажите как сверстать поиск кроссбраузерным. 

Нужно чтобы получилось вот так.

Желательно обойтись без скриптов (по возможности)

Edited April 17, 2014 by psics

[ryter]

http://jsfiddle.net/ryter/LNy37/2/ 

[psics]

http://jsfiddle.net/psics/fLL42/

возможно вы подправите или укажите я подправлю свою ошибку. Ваше не грузится

[ryter]

что не грузится?

[Switch74]

по ссылке 404 ошибка пробел в конце удаляем и все работает

http://jsfiddle.net/...ryter/LNy37/2/

думаю ТС хотел именно решение визуальное, как на картинке, а не очевидное 

данного оформления можно добиться с помощью CSS без скриптов, убрать отступы и выставить нужные размеры с цветами

Edited April 18, 2014 by Switch74

[psics]

по ссылке 404 ошибка пробел в конце удаляем и все работает

http://jsfiddle.net/...ryter/LNy37/2/

думаю ТС хотел именно решение визуальное, как на картинке, а не очевидное 

данного оформления можно добиться с помощью CSS без скриптов, убрать отступы и выставить нужные размеры с цветами

да, мне нужна подсказка как это все оформить. А не сделать макет.

[alex.kv]

Вот так вот еще можно сделать

http://jsfiddle.net/psics/fLL42/

[psics]

это оч криво) и это делал я)