UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36

Example URL:
https://ja.m.wikipedia.org/wiki/%E5%8C%97%E6%B5%B7%E9%81%93#.E5.9C.B0.E5.9F.9F.E7.94.9F.E6.B4.BB.E7.B5.8C.E6.B8.88.E5.9C.8F.E3.81.A8.E3.81.97.E3.81.A6.E3.81.AE.E5.8C.BA.E5.88.86

Steps to reproduce the problem:
1. Access the URL. This is the page for mobile phones, but you can also access here through PC.
2. Narrow the width of the page until the layout is automatically adjusted (perhaps by Responsive Web Design).
3. See the pie chart entitled "地域生活経済圏としての区分".

What is the expected behavior?
The pie chart should be always drawn correctly in a round shape.

What went wrong?
Only when the width of the page is narrow, the pie chart is drawn in a square shape.

The contents of the pie chart protrude "border" which should have become rounded by "border-radius: 100px", and it is becoming square. The CSS "overflow: hidden" for hiding the part that protrudes "border" does not seem to work well either.

Please see also attached file.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 62.0.3202.94  Channel: stable
OS Version: 10.0
Flash Version: 

Strangely, on the page for PC (not for mobile), this trouble does not happen:
https://ja.wikipedia.org/wiki/%E5%8C%97%E6%B5%B7%E9%81%93#.E5.9C.B0.E5.9F.9F.E7.94.9F.E6.B4.BB.E7.B5.8C.E6.B8.88.E5.9C.8F.E3.81.A8.E3.81.97.E3.81.A6.E3.81.AE.E5.8C.BA.E5.88.86
 

Deleted: chrome_bug_wiki.png 213 KB

	chrome_bug_wiki.png 213 KB View Download