Chrome / Safari: box- тень появляется при вводе текста только в том случае, если указана граница

У меня проблема с браузерами WebKit (Chrome 15.0.x и Safari 5.1.1), когда тени блоков не отображаются при вводе текста. Совершенно случайно я обнаружил, что явная установка границы вызывает рендеринг тени блока, даже если вы установите для границы значение «none» или значение по умолчанию «inset». Приведенный ниже код (просмотрите его в действии на JSFiddle ) демонстрирует проблему при просмотре в Chrome или Safari, но он отображается, как ожидалось, в Firefox 6.0.2 и Opera 11.52.

HTML

CSS

input[type="text"] {
    margin: 1em;

    -webkit-box-shadow: 0px 0px 2px 1px green;
    box-shadow: 0px 0px 2px 1px green;
}

Мне не хватает деталей об использовании теней блоков в WebKit или я обнаружил ошибку?