CSS Forum

**pealo86** · 11:30 AM

This has been driving me mad for hours. See the following template that I've built, I've attached an image of the bit I mean.
http://tinyurl.com/6b2trxp

The text in the header has a really messed up line height in IE, as in way too much line height.

It is using the following CSS:

Code:

#header .banner .content {
    margin-left: 70px;
    padding-top: 25px;
    overflow: hidden;
}

#header .banner .content p {
    margin: 0;
    font-size: 3.6em;
}

#header .banner .content p .btm {
    font-size: 1.2em;
}

#header .banner .content p a {
    font-size: .50em;
    padding-left: .10em;
}

#free-consultation {
    overflow: hidden;
    padding-top: 20px;
}

#free-consultation p {
    font-size: 4.2em;
    margin-left: .15em;
    color: #2a1b30;
    line-height: 0;
}

#free-consultation p .btm {
    font-size: .75em;
}

#free-consultation p.btm {
    margin-top: 10px;
    line-height: .5em;
}

#free-consultation p .call-us {
    font-size: .65em;
}

#free-consultation p .tel {
    font-size: .7em;
}

#header p {
    line-height: 0;
}

It's as if IE is just ignoring whatever line-height I specify, even if I set it to '0' !

Does anyone know what might be wrong with it? I've tried disabling Cufon but there are still issues with it