我可以摆脱使用clip-path对角分割时发生的行吗？

Question

我正在尝试使用剪辑路径使用2层分割页面，但会出现一条线（它位于下面视图中的a）。左侧和右侧都设置为夹在同一个地方。我认为这是一个四舍五入的问题，但那么它不会以同样的方式围绕它吗？

如何才能完美剪辑？

body > div{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

body > div > div{
  height: 100%;
  display: flex;
  align-items: center;
  background: #99cc00;
  text-align: center;
  justify-content: center;
}

.right > div{
  -webkit-clip-path: polygon(
0 0, 70% 0, 40% 100%, 0 100%
  );
}

.left > div{
  -webkit-clip-path: polygon(
100% 0, 70% 0, 40% 100%, 100% 100%
  );
}

  <div class="left">
<div>
<img src=https://dl.dropboxusercontent.com/u/7948781/mediapop.png>
</div>
  </div>
  <div class="right">
<div>
<img src=https://dl.dropboxusercontent.com/u/7948781/mediapop.png>
</div>
  </div>