HTML5 Boilerplate: image replacement helper class & IE7
In our latest project in the office, we’ve started using the HTML5 Boilerplate (Woot!) however we still have to support IE7 (Boo!).
So I was playing with the image replacement helper class to change the our submit button to a nice little Add to Cart image with a fancy cart next to it. Worked just as planned, Awesome!
Then came the time to check if it worked in IE7, (which I don’t hate as much as I did when I had to check things in IE6) it seems that IE7 doesn’t indent the text on the submit button.
The Super Easy Fix
Add line-height:0; to the .ir helper class.
