title: Round the corners of outline?
body: <p>So I have these four boxes, floated left, each with a 50% width of the page. I want them to have an outline of <code>1px solid gray</code>, and I want to round the corners with 6px. I know I could use <code>border:1px solid gray;</code> and <code>border-radius:6px;</code> but the problem is that border adds width to the element. And because the boxes have 50% width, and they're floated left, I can't add a border to them. So is it possible to make <strong>outline</strong> corners round?</p>
  
  <p>Edit:CSS-only solution would be best, because I need to support every browser excluding IE6.</p>