I am facing a couple of challenges. I have chosen to utilize focus and blur for text values in input fields instead of placeholder text due to an issue in Chrome where the placeholder text is centered.
My goal is to position the icon in the input field, perfectly centered. I want this to work seamlessly across all browsers.
I've attempted various methods to achieve the desired center alignment. The sprite I created functions properly, so the code seems fine. However, aligning the image vertically remains a problem.
If anyone could offer assistance, it would be greatly appreciated. Here is the link to the fiddle: http://jsfiddle.net/F2cdu/1/
All the code is complete, except for the issue of the input field displaying the text upon page load, but that can be resolved. Everything else appears to be working well.