Top of H1 text cut off in IE7

Discussion in 'CSS' started by tcheck, Jan 5, 2009.

  1. #1
    Hey there!
    Okay, well, I run the website kiveta.com. I had a friend of mine make the site, and while it looks great, there is one issue with it: the big heading at the top of each page gets cut off for reasons I don't know. For example, on the homepage, the "A"s look a little, well, chopped at their tops. I checked in Safari and Firefox, and, of course, this isn't an issue there. My CSS file is located at http://kiveta.com/style.css. I'm not sure what to change in there, so any help is appreciated. Again, this is IE7, if that helps at all.

    Thanks!
     
    tcheck, Jan 5, 2009 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    You have 20px text trying to fit into a 12px line-height.
    #content {          /*style.css (line 20)*/
      line-height:12px;
      }
    Code (markup):
    Make it 24px for h1, and all is well.

    cheers,

    gary
     
    kk5st, Jan 6, 2009 IP