I'm using the script from http://www.malsup.com/jquery/corner/ to round corners. Works fine in IE, FF and Opera. But it leaves artifacts at the corners when displayed in Safari and Google Chrome.
You can see what I mean by browsing to http://www.scripts.oldguy.us/v3/ using either Safari or Chrome. It puzzles me because it there is no black background styles anywhere in my css so it can't be as simple as the color being a leftover of an inheritance. If I play around a bit in my css I can get some of them to disappear by assigning background: #FFF !important to certain classes/ID's. But, without changing the tempates, not all. My app has many users (most with little tech knowledge) who would have a hellofa time trying to get rid of the artifacts. I can't do it for them because they can customize the templates/css and it would be a nightmare trying to hellp them through each of their unique situations. Anyone have a good solution? Using css or images to do the rounding is not an option (too easy to break as users customize the templates. And I don't have enough js experience to look at the malsup script and make it work in Safari and Chrome.