Дизайн элемента input

Многие наверное юзаю браузер Chrome.
в нем есть такая фишка как подсветка границ поля input.
А как такой же эффект сделать что бы во всех браузерах при фокусе на input граница выделялась?

Input:focus
{
border-color: #...;
}

Ну как то так

Ну это меняется только цвет бордюра
У Хрома как бы подсветка идет

Если в двух словах - я бы делал как-то так:

html:

<div id='some_input_bg'>

<input type='text' id='some_input' />

</div>


css:

input#some_input {border: none;}


javascript:

d=function(id){return document.getElementById(id);}


d('some_input').onfocus = function(){d('some_input_bg').style.background='url(active.png)'}


d('some_input').onblur = function(){d('some_input_bg').style.background='url(no-active.png)'}

active.png - картинка инпута, как в хроме (типа с подсветкой)
no-active.png - вид инпута как обычный

Проще переделать то что предложил kirilev, но только на чистом цсс (грубо говоря симбиоз предложений Anexroid и kirilev)
(правда с кроссбраузерностью могут быть проблемы)