CSS dotted border issue in adjacent columns in a table rendered as dash in Chrome

When I run this code http://jsfiddle.net/KW3Dw/4/ in Chrome and Firefox, both display border differently. I see a dash in between adjacent cells in Chrome, while in Firefox, it's rendered without any das开发者_StackOverflowhes. How can i fix this?

You can set horizontal border-spacing to even number of pixels between cells and between border's dots.

For example: http://jsfiddle.net/Gmhuw/

You can't "fix" it by modifying your table's style, these dots are interpreted that way by Chrome. That's just the browser's limiation.