Да никак, после срабатывания keypress в ваш input еще не добавленны данные. Фильтруйте данные после или используйте маски, html5 и готовые javascript библиотеки вам в помощь.
Увы и ах, но на CSS вы желаемого результата не достигните.
Могу посоветовать вот этот jQuery плагин - jQuery custom content scroller. Стильный, удобный, простой.
Судя по приведенным картинка, у вас все плохо с самим html. Вам следует проверить весь генерируемый код. Уж слишком все странно прыгает.
Еще попробуй отключить все стили для "цены" через консоль разработчика в браузере (Chrome: F12 или Ctrl + Shift + I). Цена должна вернуться на свое законное место, а дальше уже видно будет.
На странице могут быть тысячи обыкновенных картинок, и браузер их загрузит все, не моментально, но загрузит.
У вас же каждый раз не грузится фон, следовательно у вас что-то с сервером откуда должен грузиться фон либо вы неправильно его как-то грузите. Как раз "Provisional headers are shown" на это намекает.
Обратите внимание на то, как генерируются у вас эти радио-кнопки. Может ваш генератор не пишет value.
Просто так, из контекста ничего не может пропасть. Если вы уверены на 100% что в атрибуте value точно есть значение, то ищите тот скрипт, который его оттуда выдирает.
А чтоб убедиться попробуйте свой код в чистом документе, где нет никаких посторонних вещей