使用css画三角形出现的问题？

画三角形出现莫名其妙的边框，而且改变border-bottom值如果是奇数（如上边的43px）就会出现边框，
偶数的话没有边框就更奇怪了。
如果我设成24px没有边框，在有的手机上就会出现边框，不知如何解决？

---

将border-left:31px solid #fff;border-right:31px solid #fff;改成 border-left: 31px solid transparent;border-right: 31px solid transparent;