1) Is there a CSS code to put a long black line between my main body and the widget side bar on the right side?

The problem with adding a line between to variable height elements is that if one is longer than the other, in some cases the line will come out looking too short. To try to battle that in this case, I tried adding a border to the right of the content area and the left of the sidebar area at the same time and overlapping them. Try out this CSS and test it out:

.two-column #content {
	padding-right: 20px;
	border-right: 3px solid black;
}
#primary {
	padding-left: 21px;
	border-left: 3px solid black;
}

1) Is there a CSS code to put a long black line between my main body and the widget side bar on the right side?

2) If not a black line, is there a CSS code wherein I'd be able to place each widget on the right side bar in a table-box with just a thin-line border, rounded corners to be more specific?

Please help in any way! Thanks!