Cifrado saltado de puntos CSS problema

Question

Estoy viendo un problema de representación para un borde punteado de 2px similar a CSS dotted border issue in adjacent columns in a table rendered as dash in Chrome pero en el escritorio Safari y Chrome. He intentado varias anchuras y sucede en todos ellos

Esta es una muestra:

la línea final vertical tiene el mismo problema, pero está fuera de la imagen.

muestra: http://jsfiddle.net/bcdQQ/

Answer 1

Este problema ocurre si la anchura no es divisible por la frontera de anchura.

Esto funciona: http://jsfiddle.net/bcdQQ/5/ (lo hice un poco más grande, para una mejor vista)

#prodpre { 
    border-bottom: #555 5px dotted; 
    height: 20px; 
    margin: 0px 0px 2px 0px; 
    padding-bottom: 10px; 
    width: 505px; 
} 

Por lo tanto, la única posibilidad de atrapar a este tema, sería una solución Javascript, que corrige la anchura de el div, por lo que es divisible por el ancho del borde (porque está dinámicamente en su ejemplo).

Answer 2

¿podría ponerlo en un contenedor div más pequeño con desbordamiento escondido?