一个DIV圆角图片布局思路

效果图如下图所示，最早的思路是使用5张小图片实现圆角和黑边
本地测试的效果很好，但是发布到外网以后再去访问就发生了部分圆角不能显示的情况
具体为什么5张图片会有1-2张不能完成加载的原因一直没有找到




于是改变了原有的思路，如果把5张小图片集合到一起的话，加载起来就不会发生缺边少角的情况了


使用在边框的时候因为图片会平铺，所以纵向要保证一直使用图片右边的黑框（也就是X轴-20px至-30px的图片部分）
使用在横向边框时使用图片下方的黑框（Y轴-20px至-30px的图片部分）

.pop_tb{
	BORDER-COLLAPSE: collapse;
}
.pop_tb .pop_content {
	background-color:#fff;
}
.pop_tb .pop_topleft,.pop_topright, .pop_bottomleft, .pop_bottomright, .pop_border{
	width:10px;
	height:10px;
	opacity:0.5;
	filter:alpha(opacity=50);
	background-image:url(pop_border.gif);
	overflow:hidden;
}
/**/
.pop_tb .pop_topleft	{background-position:0 0px;}
.pop_tb .pop_topright	{background-position:-10 0px;}
.pop_tb .pop_bottomleft	{background-position:0 -10px;}
.pop_tb .pop_bottomright	{background-position:-10 -10px;}
.pop_tb .pop_border	{background-position:-20 -20px;}