css - 境界線の半径が部分的に壊れています

Question

overflow:hidden壊れた背景の解決策を試しましたborder-radius: http://jsfiddle.net/ypjDC/17/

<div style="width: 200px; border: 3px solid; border-radius: 7px; overflow: hidden;">
  <div style="float: left; width: 50px; background-color: #800000;">
    <p>test</p>
  </div>

  <div style="float: right; width: 50px; background-color: #800000;">test</div>

  <div style="clear: both;"></div>
</div>

しかし、常に問題があります。コーナーに小さな空白が見られます。

どうすればそれを修正できますか?