Borders and equal height css columns

[TongSama]

I have code like this\[code\]<div class="container"> <div class="section"> <div class="left"> a profile pic and some text </div> <div class="right"> a wider div with much more text and some bio info </div></div>\[/code\]i would like a dotted border in between the two divs to separate the left column from the right. my problem is that no matter if i put the border on the left column or the right column it doesn't stretch to the bottom. if either column is shorter/longer than the other the border always stops before reaching the bottom looking cut off.