Input boxes with transparent background are not clickable in IE8

Question

I have an absolutely positioned input box in a form. The input box has transparent background:

.form-page input[type=         


        

Answer 1

As bobince observed, it's an IE7 bug. I've sometimes found it convenient to solve it by adding a value="       ". Use as many non-breaking spaces as required to make the clickable area big enough. Depending on your app, you might need to strip these later.