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:
font-family: Arial, Helvetica, sans-serif;
background: url(assets/sidebar_roundedcorners_248top.gif) no-repeat 0px 0px;
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!# June 8, 2009 at 8:30 am
Thanks for your help! (If you see anything else that I am doing wonky I am completely open to feedback.)
-christina# June 8, 2009 at 8:50 am
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 10:05 am
You must be logged in to reply to this topic.