border-radius.htc

[elite311]

Hi,

 

I am having some problems with border-radius.htc that I was hoping someone could help me with. I am using it successfully for some of my site but I have tried to add it in to a few different pages and the top half of the background just disappears, the bottom corners go rounded but it seems like everything else just disappears.

 

here is the code on my page you can see it here - www.autoreflections.ca/club.html

 

<section class="und">
          <h2>Birthay Club </h2>
	  <div class="headertop">
	    <p>Subscribe to our Birthday Club and receive a<span class="style1"> Free Ultimate Automatic Touchless Wash</span> on your Birthday! </p>
	    <p>Auto Reflections will from time to time email you with special offers, promotions, and newsletter.</p>
	  </div>
          <div class="location">
.....etc....etc....

this

Why is it that it works for the location class but not header top? I am calling border raduis with this on the html page:

 

<!--[if IE]><link href="css/ie_style.css" rel="stylesheet" type="text/css" /><![endif]-->

 

My style sheet looks like this:

 

.location{
width:550px;
min-height:200px;
float:left;
padding:20px 20px;
-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
border-radius:15px;
background:#1c1c1c;
border:#1c1c1c;
}

.headertop{
width:550px;
min-height:25px;
float:left;
padding:20px 20px;
margin-bottom:20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
border-radius:15px;
background:#1c1c1c;
border:#1c1c1c;
}

 

And my IE style sheet looks like this:

 

#content,section,aside,.extra-wrap {zoom:1;}

.boxes .box{
behavior:url(js/border-radius.htc);
}

.boxes .washcard{
behavior:url(js/border-radius.htc);
}

.boxes .washpass{
behavior:url(js/border-radius.htc);
}

.headertop{
behavior:url(js/border-radius.htc);
}

.location{
behavior:url(js/border-radius.htc);
}

[Frank P]

Hi,

 

I checked it in IE8 and FF4, but the only significant difference I see is that the two sections under Birth(d)ay Club have rounded corners only in FF, not in IE. No background differences.