Best Method to add Rounded Corners to a Div

Hiya,

I have a div contained inside a another div. What's the best way to center the parent div horizontally and vertically, and add images of rounded corners to all 4 corners.

Please see attached an image of what I'm trying to create.

Cheers

 

The best method is to use border-radius but this only works in modern browsers and not IE.

 

I need it to work in IE also, that's why I need to use images.

 

Reason #3678 no one should ever use IE. It dumbs down the web and makes extra work for developers.

 

As drhowarddrfine has already pointed out "border-radius" is the way for modern browser. And if you want to avoid images then you can use javascript. I've used http://www.dillerdesign.com/experiment/DD_roundies/ for few of my websites.

 

I want to use images, and need to display them properly in IE (Including IE 6.0). What's the best way?

 

Read my last post,

and yes, it works on IE6, perhaps you could have done little research with the link provided before shooting more queries.

 

There a other javascript solutions, but you seem to be too lazy to use Google.

I know it is easier to let others do the work for you, but then you will never learn anything!