How to Create flexible Rounded corners?

Question

I want to Create DIV based Flexible corners. as per shown in the Image. This is Not regular rounded corner, but something more complicated. This is Something like challenge .

And Please Note that I want Image based rounded Corners, so please give answer as per requirments.

Thanks a Lot

Answer 1

Well, the easiest answer is: use CSS3:

#roundedCornerDiv {
    -moz-border-radius: 1em;     /* for mozilla-based browsers */
    -webkit-border-radius: 1em;  /* for webkit-based browsers */
    border-radius: 1em;          /* theoretically for *all* browsers
                                    dependant on implementation of CSS3 */
    border: 12px solid #ccc;
}