画面サイズ可変によるテーブルの２重線修正

画面サイズ125％にするとテーブルの右縦線が2重になってしまいます。これの修正案があればご教授お願いいたします。

<style> .example{ border-collapse: collapse; } </style> <table border="1" class="example"> <tr> <td>セル1</td> <td>セル2</td> </tr> <tr> <td>セル3</td> <td>セル4</td> </tr> </table>

100%

125%