I can not see background image in IE 8

HTML & CSS
1

Could someone help?
On my website http://www.behaviorrx.com left hand side i have 3 boxes with green headers that are back ground images “CONTACT US”, “ATTENTION” AND “SIGN UP…”. I can not see these background images on IE8.

My css syntax:

.green-box-1, .green-box-2, .green-box-3, .green-box-4
{
background-repeat:no-repeat;
background-position:top center;
background-color:#FFFFFF;
width:268px;
min-height:61px;
padding-top:55px;
padding-left:10px;
padding-bottom:15px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #7AA800;
margin-bottom:25px;
margin-left:11px;
text-decoration:none;
}
.green-box-1
{
background-image:url(…/images/shop-header.jpg) width:280px height:40px;
background-repeat:no-repeat;
background-color:#FFFFFF;
}
.green-box-2
{
background:url(…/images/sign-header.jpg) ;
background-repeat:no-repeat;
background-color:#FFFFFF;
}
.
.

2

Hm, there is some really weird code being inserted there in IE8: elements like <ignore> etc which I’ve never seen before. Is this being inserted by JavaScript or something? It seems to have removed the proper styles for those elements.

3

If you are talking about DD_roundies.addRule(‘.green-box-1,.green-box-2,.green-box-3,.green-box-4’,‘20px’); so, this is to round box corners. Other than that there is nothing more that is being attached by me to css

4

It would be a good idea to remove that and see if it’s causing the problem.

5

Wau :slight_smile: You are the best :slight_smile: I did remove that and now I can see my back ground images :slight_smile: Just now I have to make these 1px box borders- corners round just like i have them in Fierfox. Any ideas on that ?

Thank you very much

6

You could try some other rounded corner solutions for IE. I’ve used this one without any problems:

http://css3pie.com/

Two others i have bookmarked but not tried are:
http://dimox.net/cross-browser-border-radius-rounded-corners/
http://davidwalsh.name/rounded-corners-ie

Ha ha, not by a long, long, looooooooong way. :smiley: (Stick around here a bit and you’ll meet some truly amazing people. :slight_smile: )

7

Hello

I used your option #3 with javascript. It worked :slight_smile: Il looks little choppy but it works :slight_smile:

I checked http://css3pie.com/ and i did ex: http://www.behaviorrx.com/skin/frontend/default/newstore/css/test.php
but when i implemented to my site it did not work. My files are xml and phtml so maybe http://css3pie.com/ is not working with them. I have to try one more time, http://css3pie.com/ gives more smooth corners :slight_smile:

Thank you smarty :wink: