Shared Ideas

Rounded Corners With CSS

The trick is to make two 1px height divs that will "wrap" the main panel; actually they will come before and after it.

bla bla

.border_outer {
	border-width:1px 0 0;
	margin:0 2px;
}
.border_inner {
	border-width:0 1px;
	margin:0 1px;
	padding:1px 0 0;
}

.border_sides{
	border-width:0 1px;
	padding-left:9px;
	padding-right:9px;
	padding-top:5px;
	padding-bottom:5px;
}
.border_outer,.border_inner,.border_sides {
	border-color:#B0B0B0;
	border-style:solid;
	background-color:#F0F0F0;
}