chromeで中間ディスプレイサイズ時に右側のborderだけが表示されない

Question

レスポンシブデザインのサイトでテーブル周りに単純に背景色付きのborderを付けたくて以下のように記述しています。

<table style="border: solid 1px #C0C0C0; display:block; background-color:#FFFFC0;" width="100%">

これを実際に表示させると、firefox/IE11では全ディスプレイサイズで正常に表示されますが、chromeでは、中間ディスプレイサイズ(※)時のみ右側のborderだけが表示されません。
※480～900px時に表示されないようです。
サポートをよろしくお願いいたします。

Comments

[x_x]

再現させるのに CSS が必要であればそれも書いてください。

[tanu3]

cssは使っていますので、それの影響があると思いましたので全cssへのリンクを外しましたら正常にテーブルボーダーが周囲に表示されました。
ですので、cssに問題がありそうです。

Answer 1

自己解決しました。このテーブルの外側にwidth="100%"のテーブルがあるので、本件のテーブル <table style="border: solid 1px #C0C0C0; display:block; background-color:#FFFFC0;" width="100%"> の width="100%を徐々に狭くし、width="99.2%"で正常に表示されるようになりました。二つのテーブルの重なりがあったようです。これで自己解決としたいと思います。お騒がせしました。