h5bp/html5-boilerplate — Issue #919: IE7 .ir on (input[type=button\submit]) element 
Author: alettieri
Created: 2012-01-17 19:15:35+00:00
State: open

I couldn't find a related topic to this issue. The image replace (.ir) class isn't quite working on input[type=button\input] elements the way we hope in IE 7. The value still shows.

Sample of issue: http://jsfiddle.net/k2tkt/3/show/ (view this in ie7)

I usually apply a line-height since the overflow isn't visible. I would suggest ( would be more than happy to submit the fix ) something like the following:

.lt-ie8 .ir{ line-height: 999em; }

If we're trying to keep ie specific fixes out of the stylesheet, then this would work too:

.ir{ line-height: 999em; }

Not sure if it makes sense to apply this for all browsers, but I don't see any harm in it.

Sample of fix: http://jsfiddle.net/k2tkt/4/show/ (view in ie7)