ใช้ css: border-bottom:1px dashed black; แล้วแสดงผลเพี้ยน

รูป[Spoil] คลิกเพื่อดูข้อความที่ซ่อนไว้
https://www.uppic.org/image-282F_59BABFC5.jpg

https://www.uppic.org/image-0709_59BABFC5.jpg[Spoil] คลิกเพื่อดูข้อความที่ซ่อนไว้



ผมเขียน php+css โดยใช้คำสั่ง border-bottom:1px dashed black; ในตาราง แล้วมีการแสดงผลผิดพลาดที่เบราว์เซอร์ chrome ตามรูป
หากใช้firefox ไม่มีปัญหา
ท่านใดพอมีทางแก้ให้ chrome มองออกมาแล้วสวยงามบ้างครับ
[Spoil] คลิกเพื่อดูข้อความที่ซ่อนไว้

<link href="css/reset.css" rel="stylesheet">
<table style="width: 100%;border-collapse: collapse;">
            <tr>
                <td></td>
                <td></td>
                <td>วันที่</td>
                <td style="border-bottom:1px dashed black;">15-09-2560</td>
            </tr>
            <tr>
                <td>ชื่อลูกค้า</td>
                <td style="border-bottom:1px dashed black;">name</td>
                <td>โทร</td>
                <td style="border-bottom:1px dashed black;">000111545</td>
            </tr>
</table>