View Full Version : Simple CSS bug in IE7, IE9

07-25-2012, 05:36 PM
Hello friends,

I am new to the site, and semi-new to crossbrowser testing. I recently designed a site in Wordpress using a basic theme and then adding my own JS and CSS to make it unique. For some reason, my superiors still use IE and are seeing an error where text is stacking on top of itself. The following screenshot shows the error:


I went back and checked on my coworkers computer with IE9 and it loaded fine on his machine. My boss wants it 'fixed' but I'm not sure how to do that. Any pointers?

The URL for the site is as follows:

Thanks for your help!

07-25-2012, 05:59 PM
In your css you have

b, strong {
font-weight: bold;

So its shrinking the line height to 20% and using it. Change that to 120% or whatever, or remove it entirely. Given b and strong are inline and not block elements, not sure why you gave them a line-height?

07-25-2012, 06:16 PM
Thank you Keleth, that did it! Not sure how that code slipped in there.