Background Disappearing in IE

HTML & CSS
1

This is concerning the page cbcconnection.org/prayer.html.

The problem:

The green, CSS background that has rounded corners (CSS3) disappears when viewed in IE.

Any suggestions?

2 
/* CSS3 Goodies */
  
  /* rounded corners */
  behavior: url(border-radius.htc); 
  -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
      -khtml-border-radius: 15px;
      border-radius: 15px;
  
  /* box shadow */
  -moz-box-shadow: 3px 3px 3px #000;
    -webkit-box-shadow: 3px 3px 3px #000;
    box-shadow: 3px 3px 3px #000;   
  
  /* end CSS3 Goddies */

I don’t think that IE supports that at all, you’ll probably have to do the rounded corners using images for it to work in all browsers

3

Try taking out the inline style for id=formBackground; none transparent scroll repeat 0% 0%. it works for me, but no radius corners in IE8.

4

Thanks SpacePhoenix and AllanP. I went ahead and made a conditional stylesheet and removed the CSS3 stuff. As for the inline style(s), I don’t have any and am not sure what you are talking about. The only styling I have for formBackground is:

position: relative;
z-index: 2;
background-color: #656d1a;
width: 650px;
height: 500px;
margin: 20px auto 0 auto;

5

To work in IE you have to use this http://css3pie.com/

6

Thanks. This looks like a useful resource. I will try it out.