Get a free trial // Grow your CSS skills // Land your dream job

IE6 Problem: h2 class not holding background

  • # June 5, 2009 at 12:55 pm


    I have a problem that is only showing up in IE6. The h2 proposal class is not retaining the top rounded corner background in the right sidebar.

    Here is my CSS:

    h2.proposal {
    font-family: Arial, Helvetica, sans-serif;
    color: #81A99F;
    padding-top: 18px;
    padding-bottom: 4px;
    text-align: left;
    background: url(assets/sidebar_roundedcorners_248top.gif) no-repeat 0px 0px;
    padding-left: 13px;

    I only have Firefox and Safari so I am using this website to view it in IE:
    Here is the screen shot of the IE6 version.

    Any ideas? I am new to CSS so any help is appreciated!

    # June 7, 2009 at 6:23 pm

    try using:

    Sometimes emulated browsers can be a little dodgy – do you have a link to the live site?

    # June 8, 2009 at 8:30 am

    I do!

    It is:

    Thanks for your help! (If you see anything else that I am doing wonky I am completely open to feedback.)


    # June 8, 2009 at 8:50 am

    Hey :)

    firstly you are using a few ID tags more than once on a single page, that’s not good practice :) IDs should be unique to the page.

    But onto your H2…

    I have a sneaking suspicion its actually because you are using padding and have not specified a height… a way to get round it would be to wrap the h2 in a div (I cant believe I am saying this) and then position the h2 inside the div where you need it, and set the div background to the bg you require…

    If I am honest, it works in all other browsers – and if you can get away with it, I would not pander to IE6 for that.

    # June 8, 2009 at 9:30 am

    Thanks, I will try that with the h2 tag.

    Did I really use the same div ID tag on a page more than once? I don’t disagree with you — but I don’t see them — can you tell me one that you see?


    # June 8, 2009 at 10:10 am

    Thanks! I didn’t know about the W3 validator. I better get to work figuring these out!

    # June 8, 2009 at 10:20 am

    hehe validator ftw :D

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed