IE6 Problem: h2 class not holding background

[for_vt]

Hello,

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: http://ipinfo.info/netrenderer/index.php
Here is the screen shot of the IE6 version.

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

[Rob MacKay]

try using:

http://www.xenocode.com/browsers/

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

[for_vt]

I do!

It is: http://johnrichmondlandscapinginc.com/onhold/index.html

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

-christina

[Rob MacKay]

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.

[for_vt]

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?

-christina

[apostrophe]

Two of them actually http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fjohnrichmondlandscapinginc.com%2Fonhold%2Findex.html

[for_vt]

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

[Rob MacKay]

hehe validator ftw :D

[Author]

Posts