放大时间隙出现在背景图像中

Question

我的设计有很多圆形边框，我必须使用CSS2.1进行编码。所以我用div编码给他们背景尺寸。当浏览器窗口处于正常状态时，设计看起来很好，但是当我放大时，div之间出现大约2px的间隙。 Chrome和Safari中出现此问题。

我可以做些什么来防止这种差距？

以下是代码示例：

<div id="bigImage">
 <div id="leftRoundCorner"></div>
 <div id="middlePart"></div>
 <div id="rightRoundCorner"></div>
</div>

#bigImage
{
  height:20px;
  width:20px;
}
#leftRoundCorner
{
  height:20px;
  width:5px;
  float:left;
}
#middlePart
{
  height:20px;
  width:10px;
  float:left;
}
#rightRoundCorner
{
  height:20px;
  width:5px;
  float:right;
}

Answer 1

将CSS3用于任何圆角，使其看起来很好放大！

-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;

你已经完成了！