Помогите чайнику! как четко наложить формы на фон?
 

Здравствуйте! Я здесь новенькая, поэтому простите, если не в тот раздел добавляю свою тему.... Задачка такая.... Есть главная страничка сайта, где основа - это изображение дисконтных карт разных фирм.... так вот на каждой из этих карт должны располагаться 2 формы ввода - номер карты и PIN + submit ОК... таких карт + форм должно быть порядка 9 штук... где-то поля ввода будут активны, где-то нет. Также под каждой из карт должны будут располагаться ссылки на пресс-релиз данной фирмы\компании.Итак вопрос: как осуществить эту, простую с первого взгляда задумку...? Сделать в фотошопе фоновую картинку с изображением этих карт, а дальше мучаться с наложением форм в нужные места? не вызовет ли изменение расширения экрана пользователя сдвиг? и есть ли другие пути? очень прошу помочь ... с логикой какая-то *опа, простите... все кажется предельно понятным, но как сделать - совсем не знаю... подскажите, пожалуйста... для наглядности эскизик (квадратики - карты, именно рисунок имитирующий настоящую карту с лого и полосой для прокатки, далее внизу Введите и поля ввода номера карты и ПИНа):