В этом коде, наверное, придется заменить кое-что: например, селектор. Не на всех страницах используется одни и тот же класс, и ID тоже бывают разные. Размер поля, естественно, тоже следует откорректировать, если есть погрешности. Просто посмотрите ширину и длину изображения, и поставьте те же значения в CSS. Это только код стиля, он не заменит изображение кода безопасности, он просто наложит поле на картинку. Может быть и так, что в старых браузерах прозрачность не будет поддерживаться, а это проблема. Можно отрегулировать прозрачность на JQuery, не используя вмешательства CSS, но позицию нужно оставить.
Нечто похожее было на сайте WebMoney, при оплате: там открывалось окошко, в которое нужно было ввести код. Прозрачность окна давала видеть код на картинке.