关于容器圆角问题，已经是一个相当古老的问题了，目前的解决方案大概如下：

1.使用图片完成

目前这种方法也是使用的相当普遍，优点是可以比较好的实现效果，但在可维护方便稍微差点，比如更改边框颜色，就需要重新作图。

2.实用css+标签堆砌

这种方法也有一定的使用率，但实现过于繁琐，增加了不必要的标签，结构上，语义上都不是很好。

3.利用浏览器的似有css属性

因为css3实际里面是有圆角的相关属性定义，但目前只有firefox,safari,opera提供了不同程度的支持，使用方法大概是这样：
   border: 1px solid #8B8B8B;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

这样可以基本在非IE的浏览器较好的渲染，是不错的方法。

而IE下也有相对应的VML可以实现圆角。

4.以javascript方式封装实现

这种方法使用起来也很简单，标签和脚本分离，我们只需要在 脚本中调用别人封装好的相关功能来实现圆角，一旦以后换别的实现方式，或者想去掉圆角，直接移除引用就可以了，基本无入侵。

而下面的网站就是对这个做了很好的处理，做的非常专业，详细大家可以访问：

http://www.curvycorners.net/examples.php