Border Radius = Background Bleed?

It's not what you're waiting for, I know, but I have to say this: use an image This is not only due to the possibility to eliminate the bleed on all browsers. Your bleed problem on Firefox is nothing compared to how Chrome mercilessly slaughters the look of your buttons... Check it and start crying :(.

It's not what you're waiting for, I know, but I have to say this: use an image. This is not only due to the possibility to eliminate the bleed on all browsers. Your bleed problem on Firefox is nothing compared to how Chrome mercilessly slaughters the look of your buttons... Check it and start crying :(.

In case you're wondering what's wrong: Chrome is utterly helpless when you use border-radius and box-shadow:inset on the same element.It's a known bug and you can't eliminate it until they fix it in the browser (and judging by how "fast" they are to respond to some bug reports - some have been reported two years ago and still are unsolved, even when the users offer a ready solution - I think we shouldn't expect Chrome to work properly in the near future). EDIT Also, note this: Firefox produces the bleed effect Opera doesn't render CSS3 gradients IE doesn't render box shadow Chrome fails in the worst manner possible So... there isn't a single browser which renders your button correctly. Does it make sense to keep using CSS3 in this case?

Very good points - web development is such a minefield with support for CSS in browsers. Such a pain :-( – JamWaffles Dec 9 '10 at 18:32 Thanks for taking the time to respond. I've updated the question because my implementation of certain CSS3 properties seems to be taking away from the actual issue.

Even when I remove gradients and box shadows the background color bleeds outside of the corners. So are you suggesting just not using border-radius at all? – thisisrobv Dec 9 '10 at 19:28 Yes, it's the safest and will work across all browsers.

– mingos Dec 9 '10 at 23:35 You can take advantage of IE9 and Opera's support for SVG to achieve gradients. Check out this demo by Robert Biggs: css3wizardry. Com/2010/10/29/css-gradients-for-ie9 – David Lantner Dec 9 '10 at 22:24 @David: it doesn't work in Opera :).

– mingos Dec 9 '10 at 23:48.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.