I just noticed this at the bottom of this question on SU:

Chrome Chrome

Firefox 3.5 Firefox

EDIT Can anyone with Chrome 3 take a look and tell us if it's wrong there too?


migrated from meta.stackoverflow.com Jul 22 '10 at 17:56

This question came from our discussion, support, and feature requests site for professional and enthusiast programmers.

2+ year later, still not fix? – SgtOJ Sep 15 '11 at 6:54
meta.superuser.com/questions/4824/… / 10k+ only – Sathya May 9 '12 at 16:20

3 Answers 3

That's actually the way the browser renders rounded corners. It can be fixed by using a background image instead of border-radius, but it will most likely be "fixed" in Chrome sooner or later.


In Opera 9.61, the tags look like this:

alt text

The square corners are because Opera has no support for border-radius. Though I don't understand why then the borders are in seperate elements (causing them to wrap seperately) since they're using border-radius. – Macha Jul 30 '09 at 18:06

The border looks fine in other contexts (not at the end of the line in the header at the bottom of the page). So this is a bug in Chrome - likely miscalculating the clipping region.

Edit: Just checked this in the latest Chromium nightly - it's even worse! Ha!


You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .