Ms Swati constructed a static website for their customer. She received hundreds of complaints within 1 hour of launching. All the complaints were related to mess-up design. She was the victim of compatibility issue of java script & CSS across many browsers and screen resolution.

I seen many people use java script & css to display rounded corner box. Or they make their web pages heavy using PNG images. PNG images again require PNG fix for some browsers. And these fixes are not 100% fool proof. These fixes again increase overall size of web page.

Better solution is to use GIF images instead of PNG. Because their transparency is preserved across browsers. Or you can go for 2 color images for rounded corners. See the sample in side.

You can make images for corners using any image editor. Otherwise use online service for the same.

This online script let you generate any color images matching to your page background along with CSS code. So you can make any rounded corner box within some minutes.