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.


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 .