when I'm in compatibility mode the content seems to be spaced out differently. The smaller text has to be lined up with the red h1 text. And the "g " in challenge is cut off do you know why its rendering like that or maybe I have to specify a height? (also for IE in compatibility mode)
http://www.sgwhealthcare.com/Our-Test/Saint-Peters-University-Hospital
when I'm in compatibility mode the content seems to be spaced out differently. The smaller text has to be lined up with the red h1 text. And the "g " in challenge is cut off do you know why its rendering like that or maybe I have to specify a height? (also for IE in compatibility mode)
Thanks guys!
I would certainly play with the line height for the h1 as it's a lot less that the font-size.
thanks guys! any recommendations on how to fix the weird spacing?
It looks like this:
challenge: Build bla bla bla stuff goes here bla bla
when it should look like this:
challenge: Build bla bla bla bla bla bla bla bla
Offhand I would say that you need to look at how the margins for the h1 and p tags and tweak as necessary in your IE stylesheet.
For instance, your h1 has no top margin but your p tags do? If they are supposed to line up, then why the difference.