Weird CSS issues in IE.. Please help..

  • Right, I use the same style sheet for both, but in IE, it looks kind of ugly with very pixely text. And this only happens with the h2 tag I use in the ajax comments, in other areas, it looks just fine.

    https://liberta.espoireve.com/shared/01.gif

    my h2 css is

    h2
    {
    letter-spacing: 2px;
    font-weight: bold;
    font-size: 8pt;
    color: #D76500;
    text-transform: uppercase;
    background: url(images/h2.gif) no-repeat;
    padding-left: 40px;
    clear: both;
    }

    .commentreply
    {
    margin: 0 50px 0 50px;
    }

    and I use this to link

    <h2 class="commentreply"><a href="<?php comments_link(); ?>">Leave a comment</a></h2>

    Any idea why and how to fix it?

    By the way, can anyone tell me if there is a loading image for the “show comments” in IE, the image doesn’t appear in my IE but it does in FF.

    Thanks ?? all help appreciated

Viewing 3 replies - 1 through 3 (of 3 total)

  • I think it’s because the font is so small. Every browser I have used does that to text when you get it somewhere less than around 10px height.

    By the way, this is a very unofficial answer based on my own hunch.

    Thread Starter Truth

    (@truth)

    Hmmm.. I tried increasing the font size but it’s still the same problem. The other links with the same h2 tags are fine, just the link at the comments. ??

    Any more suggestions?

    Thanks btw

    Thread Starter Truth

    (@truth)

    I fixed it!! =D

    I added a background color to the h2 and it’s back to normal. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Weird CSS issues in IE.. Please help..’ is closed to new replies.