Как удалить линию между двумя диагонально противоположными треугольниками css?

Я использовал:

http://apps.eky.hk/css-triangle-generator/

для создания css для двух разносторонних треугольников, расположенных по диагонали друг напротив друга:

Нижний левый треугольник

width: 0px;
height: 0px;
border-style: solid;
border-width: 317px 0 0 512px;
border-color: transparent transparent transparent #007bff;

Правый верхний треугольник

width: 0px;
height: 0px;
border-style: solid;
border-width: 0 0 317px 512px;
border-color: transparent transparent #007bff transparent;

Однако в этом тесте jsFiddle кажется, что между двумя треугольниками есть линия или разрыв, и я не смог от нее избавиться:

http://jsfiddle.net/rwone/MB5Lt/4/

Изменить

Решение, по-видимому, состоит в том, чтобы сделать ширину обоих треугольников равной 514 пикселей, хотя размер контейнера составляет 512 пикселей.