I haven't had any real nasty cross-browser problems when writing CSS and HTML for a while. I guess I've learnt the little tiny tricks to get around various issues, or I'm just not doing anything funky. I had begun to think that cross-browser problems were going away...

Until I started trying to get rounded corners on my elements.

CSS3 has a brilliantly simple style attribute: border-radius which works perfectly in Firefox 3, but doesn't work properly in IE7. Not to mention older browsers (screw-em I say, but not our accessibility policy).

There are literally eight hundred trillion different "rounded corners" solutions provided on the web for non-CSS3 browsers.

Some use pure CSS hacks but are limited, some use images, most use javascript in some way to add images/styles to elements after load.

None of them work perfectly. The best option with the most flexibility seemed to be curvyCorners, but it breaks in IE7 (which requires javascript to work properly).

You'd think rounded corners would have been implemented quicker. It has been standard in the Windows environment since XP came out. The users (screw-em I say, but not our accessibility policy) expect them, designers design screens that "need" them and no amount of "it's basically impossible to do while also supporting W3C" will make them stop.