SVG矩形间距

Question

我有一堆SVG rects并排。不知怎的，它们之间有一个小的边缘（细黑线），这是为什么？我该如何删除它？见附图：

代码：

<svg width="100%" height="100%"><rect height="100%" width="25%" x="0%" fill="rgb(0,0,255)"></rect><rect height="100%" width="25%" x="25%" fill="rgb(0,0,220)"></rect><rect height="100%" width="25%" x="50%" fill="rgb(0,0,200)"></rect><rect height="100%" width="25%" x="75%" fill="rgb(0,0,150)"></rect></svg>