how do I get Rounded Corners to work on a ddblock in drupal 7? I am trying to make the borders of a dd-block that I am using round. They are round in Firefox 5.0, but anything earlier than that, or in any other browser, it doesn't work. I have the CurvyCorners module installed, and I have the CSS set up to make it round. the problem is, that in chrome, only the header is round, and nothing else. and in Internet explorer, everything is round, except the dd-block, making it look like the dd-block is overlapping, and going over and past the corners of the region that it is in (being the Content region).
here is a copy of the CSS that is supposed to be making it round (I used 4 different classes/blocks at the same time just for a single dd-block, and it still won't work!):  

#block-ddblock-7 {
    margin-left: -10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
   border-radius: 20px;
}

#block-ddblock-7 .slider {
     border-radius: 20px 20px;
    -moz-border-radius: 20px 20px;
    -khtml-border-radius: 20px 20px;
    -webkit-border-radius: 20px 20px;
    -o-border-radius: 20px 20px;
    width: 553px;
    height: 332px;
}

#ddblock-container clearfix ddblock-processed .inner {
     border-radius: 20px 20px;
    -moz-border-radius: 20px 20px;
    -khtml-border-radius: 20px 20px;
    -webkit-border-radius: 20px 20px;
    -o-border-radius: 20px 20px;
    width: 553px;
    height: 332px;
}

.slider ddblock-processed  {
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 20px 20px;

    -moz-border-top-left-radius: 20px 20px;
    -moz-border-top-right-radius: 20px 20px;

    -khtml-border-top-left-radius: 20px 20px;
    -khtml-border-top-right-radius: 20px 20px;

    -webkit-border-top-left-radius: 20px 20px;
    -webkit-border-top-right-radius: 20px 20px;

    -o-border-top-left-radius: 20px 20px;
    -o-border-top-right-radius: 20px 20px;
}


what is it that I am doing wrong? 

this is a picture of basically what it looks like. the part in blue is the "Content" region, and the part in orange is the ddblock:
I've used ddblock before with round corners.   I was able to do it all, across every browser, with the csspie module.  

But atlas you are using CurvyCorners. With this demo, they are only using 

.myBox {
    ....
    border: 3px solid #FFFFFF;
    border-radius: 20px 20px 20px 20px;
    ...
}


nothing to do with o-border, webkit-border, khtml-border, -moz-border, border-top-right etc.  half of these are browser specific  (ie -moz-border is for firefox only).